CSS :placeholder-shown pseudoklasse

Definitie en gebruik

CSS :placeholder-shown De pseudoklasse wordt gebruikt om elke <input> of <textarea> elementen.

Tip:U kunt ook ::placeholder Pseudoelementen om de stijl van de placeholder-tekst in te stellen.

Voorbeeld

Selecteer en stel de stijl in van elke <input>-element die de huidige weergegeven placeholder-tekst bevat:

input:placeholder-shown {
  background-color: beige;
  border: 2px solid maroon;
  border-radius: 5px;
  font-style: italic;
}

Probeer het zelf

CSS-syntaxis

:placeholder-shown {
  css-aclaringen;
}

Technische details

Versie: CSS4

Browserondersteuning

De cijfers in de tabel geven de eerste browserversie aan die deze pseudoklasse volledig ondersteunt.

Chrome Edge Firefox Safari Opera
47 79 59 9 34

Gerelateerde pagina's

Referentie:CSS ::placeholder pseudoelement