Comment changer la largeur de cette barre de recherche?

Question

Il a déjà une largeur préfixée sur la feuille de style mais j'ai deux barres de recherche différentes donc je ne peux pas modifier celui-là, y a-t-il un moyen de surcharger cette largeur et de le changer en 200px? THanks

<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

Argentino! vecino! acá te tiro la solución.

Comme vous le voyez la id de votre « barre de recherche » qui est en fait appelée zone de texte est s

Alors il vous suffit de mettre en vous CSS

#s 
{ 
    width:200px; 
} 

Voir un exemple de travail ici:

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

Était-ce votre question?

Saludos

Answer 2

En regardant votre balisage, vous avez à la fois l'ID et la classe associée à la div. Pourquoi ne pas simplement faire une règle dans vos feuilles de style pour l'identifiant et le placer après la classe widget_search?

par exemple

#search-10 
{ 
    width:200px; 
}