j'ai vu ce post et déjà essayé tout ce que je pouvais changer le rembourrage pour mon espace réservé mais hélas, il semble qu'il n'a pas envie de coopérer.
de toute façon, ici, c'est le code pour le css (EDIT: c'est le css généré à partir de sass)
#search {
margin-top: 1px;
display: inline;
float: left;
margin-left: 10px;
margin-right: 10px;
width: 220px;
}
#search form {
position: relative;
}
#search input {
padding: 0 10px 0 29px;
color: #555555;
border: none;
background: url('/images/bg_searchbar.png?1296191141') no-repeat;
width: 180px;
height: 29px;
overflow: hidden;
}
#search input:hover {
color: #00ccff;
background-position: 0px -32px;
}
et voici le html simple:
<div id="search">
<form>
<input type="text" value="" placeholder="Search..." name="q" autocomplete="off" class="">
</form>
<div id="jquery-live-search" style="display: block; position: absolute; top: 15px; width: 219px;">
<ul id="search-results" class="dropdown">
</ul>
</div>
</div>
assez simple? l'espace réservé est éteint pour une raison quelconque, mais lorsque vous essayez de taper dans le champ de saisie de texte, le texte est aligné. Il semble que vous ne pouvez changer la couleur(webkit) de l'espace réservé, mais si j'essaie de modifier le remplissage du contenant d'entrée, il épaves de la conception de l'entrée! tire les cheveux
Voici screenies de l'espace réservé et le champ de saisie avec saisie de texte:
EDIT:
Pour l'instant j'ai eu recours à ce plugin jquery.
Il fonctionne hors de la boîte et elle corrige mon chrome problème. Je voudrais encore à découvrir quel est le problème (si il a quelque chose à faire avec MON chrome ou quelque chose)
Je suis sûr que c'est pas les styles depuis John Catterfeld reproduite sans problèmes, donc je suis en espérant que quelqu'un là-bas pourrait encore m'indiquer la bonne direction pour expliquer ce qui se passe pour moi(mon client chrome. Donc, c'est probablement originaire de Chrome/OSX si John est à l'aide de windows)
