Ich habe diesen Beitrag bereits gesehen und alles versucht, um die Polsterung für meinen Platzhalter zu ändern, aber leider scheint es, dass es einfach nicht kooperieren will.
Wie auch immer, hier ist der Code für das CSS. ( BEARBEITEN : Dies ist das generierte CSS von 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;
}
Und hier ist das einfache HTML:
<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>
Ziemlich einfach? Der Platzhalter ist aus irgendeinem Grund deaktiviert. Wenn Sie jedoch versuchen, das Eingabefeld einzugeben, wird der Text ausgerichtet. Es scheint, dass Sie nur die Farbe ändern können (zwebkit
) des Platzhalters , aber wenn ich versuche, die Auffüllung der enthaltenen Eingabe zu bearbeiten, wird das Design der Eingabe zerstört! zieht Haare aus
Hier sind Screenies des Platzhalters und des Eingabefeldes mit Texteingabe:
EDIT :
Im Moment habe ich darauf zurückgegriffen Moment habe JQuery-Plugin zurückgegriffen .
Es funktioniert sofort und behebt das Problem meines Chroms. Ich möchte immer noch herausfinden, wo das Problem liegt (wenn es etwas mit MEINEM Chrom oder so etwas zu tun hat)
Ich bin mir ziemlich sicher, dass es nicht die Stile sind, da John Catterfeld sie ohne Probleme reproduziert hat. Ich hoffe, dass mich jemand da draußen immer noch in die richtige Richtung weist, warum mir das passiert (auch das Chrom meines Kunden. Also Dies ist wahrscheinlich in Chrome / OSX beheimatet, wenn John Windows verwendet.