CSS :invalid pseudoklasse

Definitie en gebruik

CSS :invalid Pseudoklassen worden gebruikt om de stijl van ongeldige formulierelementen in te stellen.

Opmerking:Deze pseudoklasse is alleen van toepassing op formulierelementen met beperkingen, zoals invoerelementen met min en max eigenschappen, e-mailvelden zonder geldig e-mailadres of numerieke velden zonder getal, enz.

Opmerking:Als een van de keuzevelden in een keuzegroep verplicht is, wordt deze pseudoklasse toegepast op alle keuzevelden in de groep als er geen keuzeveld is geselecteerd.

Tip:Gebruik :valid Pseudoklassen stellen de stijl in voor geldige formulierelementen.

Voorbeeld

Stel de stijl in voor de ongeldige <fieldset> en <input> elementen:

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

Probeer het zelf

CSS syntaxis

:invalid {
  css declaraties;
}

Technische details

Versie: CSS4

Browserondersteuning

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

Chrome Edge Firefox Safari Opera
10 12 4 5 10

Gerelateerde pagina's

Referentie:CSS :valid selector