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

【问题标题】：How do I change the width of this Search Bar?如何更改此搜索栏的宽度？
【发布时间】：2010-12-11 18:22:36
【问题描述】：

样式表上已经有一个前缀宽度，但我有两个不同的搜索栏，所以我无法修改那个，有没有办法覆盖该宽度并将其更改为 200 像素？谢谢

<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>

【问题讨论】：

标签： html css styles

【解决方案1】：

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

所以你只需要输入你的 CSS

#s
{
    width:200px;
}

在这里查看一个工作示例：

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

【讨论】：

Si，si funciono。 Agregue eso y le cambie el nombre a #s2。穆哈斯·格拉西亚斯！
@Lisandro De nada！ si podés después aceptá la respuesta, así los demás saben que funca (y me das 15 puntos jajaja) 致敬！！
@Akinator 混蛋！我认为搜索栏是容器而不是 div。
@James 发生的事情，但以防万一，s 是文本框的 id，而不是 div
@Akinator：你是一个比我更好的人，我永远不会建立那个链接。

【解决方案2】：

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

为什么不在样式表中为 id 制定规则并将其放在 widget_search 类之后？

例如

#search-10 
{
    width:200px;
}

【讨论】：

不，它仍然具有相同的大小。我不知道，因为我一直遇到很多问题