CSS :: Selettore segnaposto
Esempio
Modificare il colore del testo segnaposto di un campo di input:
::-webkit-input-placeholder
{ /* Edge */
color: red;
}
:-ms-input-placeholder
{ /* Internet Explorer 10-11 */
color: red;
}
::placeholder
{
color: red;
}
Definizione e utilizzo
Il ::placeholder
selettore seleziona gli elementi del modulo con testo segnaposto e ti consente di definire lo stile del testo segnaposto.
Il testo segnaposto viene impostato con l'attributo segnaposto, che specifica un suggerimento che descrive il valore previsto di un campo di input.
Suggerimento: il colore predefinito del testo segnaposto è grigio chiaro nella maggior parte dei browser.
Supporto browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente il selettore.
I numeri seguiti da -webkit-, -moz- o -ms- specificano la prima versione che ha funzionato con un prefisso.
Selector | |||||
---|---|---|---|---|---|
::placeholder | 57.0 4.0 -webkit- |
12.0 -webkit- 10.0 -ms- |
51.0 4.0 -moz- |
10.1 5.0 -webkit- |
44.0 15.0 -webkit- |
Sintassi CSS
::placeholder {
css declarations;
}