CSS :valid pseudoklass

Definition och användning

CSS :valid Pseudoklasser används för att ställa in stilen för giltiga formulärelement.

Tips:Använd :invalid Väljare ställer in stilen för ogiltiga formulärelement.

Exempel

Välj och ställ in stilen för den giltiga <input>-elementet:

input:valid {
  background-color: beige;
  border: 2px solid green;
}

Prova själv

CSS-syntax

:valid {
  css-uttryck;
}

Tekniska detaljer

Version: CSS4

Webbläsarstöd

Talen i tabellen specificerar den första webbläsarversionen som fullständigt stöder den här pseudoklassen.

Chrome Edge Firefox Safari Opera
10 12 4 5 10

relaterade sidor

Referens:CSS :invalid pseudoklass