Leggendo un articolo su HTML5, mi viene in mente che mentre i segnaposto sono incredibilmente utili nell'usabilità della forma, se non possono essere presi di mira con CSS senza javascript, sono davvero un passo da poco.Segnaposto per testo HTML5: hanno una pseudo-classe CSS?
Così posso indirizzare il segnaposto in CSS per avere un aspetto diverso dal testo immesso?
Webkit utilizza un pseudoelementoment :: - webkit-input-placeholder. Moz usa uno pseudoclass: -moz-placeholder.
Grazie per le utili informazioni. C'è una variante per IE9? –
IE9 non supporta segnaposto. –
Grazie per aver chiarito questo per me. –
Suppongo che tu hai qualcosa di simile nel tuo codice HTML
<input type="text" name="name" />
il CSS corrispondente sarebbe
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;
}
ho invitiamo inoltre dare un'occhiata a
input:placeholder-shown {
border: 5px solid red;
}
Questo è un buon resource .
C'è un modo per ottenere un comportamento "segnaposto" senza JavaScript? – Pointy
Duplicato di: http://stackoverflow.com/questions/2610497/change-an-inputs-html5-placeholder-color-with-css –
@Pointy Sì, come dice Mild Fuzz, è in HTML5. [Questo, ad esempio] (http://jsfiddle.net/jnzhe/), funziona già in Chrome. –