CSS ::placeholder pseudo-element

Definitie en gebruik

CSS ::placeholder Pseudo-elementen worden gebruikt om in te stellen <input> of <textarea> Stijl van de placeholder-tekst van het element.

De placeholder-tekst wordt ingesteld via de placeholder-eigenschap, die de suggestie beschrijft voor de verwachte waarde van het veld.

Tip:In de meeste browsers is de standaardkleur van de placeholder-tekst lichte grijs.

Voorbeeld

Wijzig de kleur en de doorschijnendheid van de placeholder-tekst in het invoerveld:

input::placeholder {
  color: red;
  opacity: 0.5;
}

Probeer het zelf

CSS syntaxis

::placeholder {
  css declarations;
}

Technische details

Browserondersteuning

De cijfers in de tabel wijzen op de eerste browserversie die de pseudo-element volledig ondersteunt.

Gerelateerde pagina's

CSS referentie::placeholder-shown pseudo-class