CSS :user-valid pseudoklass

Definition och användning

CSS :user-valid Pseudoklassar används för att ställa in stilen för giltiga formulärelement efter att användaren har interagerat med dem.

Tips:Använd :user-invalid Pseudoklassar ställer in stilen för ogiltiga formulärelement (efter användarinteraktion).

Exempel

Ställ in stilen för en <input>-element som blir giltig efter att användaren har interagerat med den:

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

Prova själv

CSS-syntaks

:user-valid {
  css-uttryck;
}

Tekniska detaljer

Version: CSS4

Webbläsarstöd

Tabellennummer anger den första webbläsare som helt stöder den här pseudoklassen.

Chrome Edge Firefox Safari Opera
119 119 88 16.5 105

Relaterade sidor

Referens:CSS :user-invalid pseudoklass