CSS ::placeholder Selector
Voorbeeld
Wijzig de kleur van de tijdelijke aanduiding-tekst van een invoerveld:
::-webkit-input-placeholder
{ /* Edge */
color: red;
}
:-ms-input-placeholder
{ /* Internet Explorer 10-11 */
color: red;
}
::placeholder
{
color: red;
}
Definitie en gebruik
De ::placeholder
selector selecteert formulierelementen met plaatsaanduidingstekst en laat u de plaatsaanduidingstekst opmaken.
De placeholder-tekst wordt ingesteld met het placeholder-attribuut, dat een hint specificeert die de verwachte waarde van een invoerveld beschrijft.
Tip: De standaardkleur van de tijdelijke aanduiding-tekst is in de meeste browsers lichtgrijs.
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de selector volledig ondersteunt.
Getallen gevolgd door -webkit-, -moz- of -ms- specificeren de eerste versie die met een prefix werkte.
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- |
CSS-syntaxis
::placeholder {
css declarations;
}