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

时间:2010-12-11 18:22:36

标签: html css styles

它在样式表上已经有一个前缀宽度,但我有两个不同的搜索栏,所以我无法修改那个,是否有办法覆盖该宽度并将其更改为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>

2 个答案:

答案 0 :(得分:2)

阿根廷!贝西诺! acátetirolaso​​lución。

如您所见,“搜索栏”的id实际上称为文本框s

所以你只需要输入CSS

#s
{
    width:200px;
}

请参阅此处的工作示例:

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

这是你的问题吗?

Saludos

答案 1 :(得分:0)

查看你的标记,你有id和与div相关联的类。

为什么不在样式表中为id创建规则并将其放在widget_search类之后?

例如

#search-10 
{
    width:200px;
}