2011-06-26 7 views
16

Powiel możliwe:
Change an input's HTML5 placeholder color with CSSStylizowanie symbolu zastępczego danych wejściowych, w jaki sposób mogę to zrobić?

Na przykład, mam to:

<input type='search' placeholder='Search' name='q' /> 

Jak mogę styl zastępczy z CSS? Domyślnie jest szary, ale chciałbym, żeby był czarny. Czy muszę zamiast tego używać JavaScript?

+0

więc najwyraźniej zostało to zadane. kilka razy. Ale wciąż dobre pytanie dla kogoś, kto kocha stackoverflow, ale z tyłu wszystko, co ma do zaoferowania html5. http://stackoverflow.com/questions/2610497/change-an-inputs-html5-placeholder-color-with-css – matchew

Odpowiedz

11

Brak standardowego sposobu i nie każda przeglądarka obsługuje jeszcze posiadacza miejsc.

Coś jak to powinno zrobić .:

/* prefix with input if you want, but this will catch input and texatrea */ 
    ::-webkit-input-placeholder { color: #000;} 
    :-moz-placeholder { color: #000; } 

http://jsfiddle.net/CHG46/

jeśli chcesz starych i nowych przeglądarek do wspierania zastępczy (IE6-9) wydaje się, że plugin (s) jquery, tutaj jest jeden, https://github.com/mathiasbynens/Placeholder-jQuery-Plugin jednak nie użyłem go wcześniej.

0
input[placeholder="Search"] 
{ 
color: red 
} 
+0

To tylko koloruje dane wejściowe z tym symbolem zastępczym czerwonym, a nie same symbole zastępcze. –

+0

Spowoduje to wstawienie * wprowadzonego * tekstu we wszystkich danych wejściowych, które zawierają symbol zastępczy "Wyszukaj", ale nie będzie on sam stylować tekstu zastępczego. – Gareth

+0

http://stackoverflow.com/questions/2610497/change-an-inputs-html5-placeholder-color-with-css – Jawad