Czytając artykuł o HTML5, wydaje mi się, że podczas gdy symbole zastępcze są niezwykle użyteczne pod względem użyteczności formy, jeśli nie mogą być ukierunkowane za pomocą CSS bez JavaScriptu, są naprawdę dziecinnym krokiem.Postacie zastępcze formularza HTML5 - czy mają pseudo-klasę CSS?
Więc czy mogę skierować obiekt zastępczy w CSS, aby wyglądał inaczej niż wprowadzony tekst?
Webkit używa pseudoelementu :: - webkit-input-placeholder. Moz używa pseudoklasy: -moz-placeholder.
Dzięki za pomocne informacje. Czy istnieje wariant dla IE9? –
IE9 nie obsługuje symboli zastępczych. –
Dzięki za wyjaśnienie tego dla mnie. –
Zakładam, że masz coś takiego w kodzie HTML
<input type="text" name="name" />
Odpowiedni css byłoby
input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: blue;
}
input::-moz-placeholder { /* Firefox 19+ */
color: blue;
}
input:-ms-input-placeholder { /* IE 10+ */
color: blue;
}
input:-moz-placeholder { /* Firefox 18- */
color: blue;
}
input:placeholder {
color: blue;
}
Zachęcam również przyjrzeniu
input:placeholder-shown {
border: 5px solid red;
}
To jest dobre resource .
Czy istnieje sposób na zachowanie "zastępczego" w ogóle bez JavaScript? – Pointy
Duplikat: http://stackoverflow.com/questions/2610497/change-an-inputs-html5-placeholder-color-with-css –
@Pointy Tak, jak mówi Mild Fuzz, jest w HTML5. [To na przykład] (http://jsfiddle.net/jnzhe/) działa już w Chrome. –