CSS :user-invalid pseudoklasse

Definitie en gebruik

CSS :user-invalid Pseudoklassen worden gebruikt om de stijl van ongeldige formulierelementen in te stellen na interactie met de gebruiker.

Tip:Gebruik :user-valid Pseudoklassen stellen de stijl van geldige formulierelementen in (na interactie met de gebruiker).

Voorbeeld

Stel de stijl van de <input>-elementen in die na interactie met de gebruiker ongeldig zijn:

input:user-invalid {
  border: 2px solid red;
  background-color: beige;
}

Probeer het zelf uit

CSS-syntaxis

:user-invalid {
  css-aclaringen;
}

Technische details

Versie: CSS4

Browserondersteuning

De getallen in de tabel specificeren de eerste browserversie die deze pseudoklasse volledig ondersteunt.

Chrome Edge Firefox Safari Opera
119 119 88 16.5 105

Gerelateerde pagina's

Referentie:CSS :user-valid pseudoklasse