如何更改此搜索栏的宽度？

Question

它在样式表上已经有了一个前缀宽度，但是我有两个不同的搜索栏，所以我不能修改那个，有没有办法覆盖这个宽度并将其更改为200px？谢谢

<div id="search-10" class="widget_search">
<form role="search" method="get" id="searchform" action="http://chusmix.com/?s=" onsubmit="window.location = action + s.value + '+: Cordoba'; return false;">
    <div>
    <input class="ubicacion" type="text" value="" name="s2" id="s" style="margin-left:0px;">
    <input type="submit" id="searchsubmit" value="Buscar">
    </div>
    </form>
</div>

Answer 1

如您所见，实际称为textbox的“搜索栏”id是s

所以你只需要放入你的CSS

#s
{
    width:200px;
}

请参阅此处的工作示例：

http://www.jsfiddle.net/hdm4Q/

Answer 2

查看您的标记，您同时拥有与div相关联的id和类。

为什么不在样式表中为id创建一个规则，并将其放在widget_search类之后呢？

e.g

#search-10 
{
    width:200px;
}