Pseudoklasse valid

Pseudoklassen valid angiver styling for inputfelter, hvor der er indtastet en korrekt værdi eller en værdi, der svarer til den angivne type.

Syntaks

cssselektor:valid {
  
}

Eksempel

Lad os ændre baggrundsfarven på inputfeltet til lyserød, når der indtastes en ugyldig værdi, og tilbage til grøn, når værdien har bestået valideringen for den valgte type:

html<p>Indtast din email</p>
<p><input type="email"></p>

cssinput:invalid {
  background: #E37D76;
}
input:valid {
  background: #9DDFA4;
}

Результат:

Se også