Pseudoklasse invalid

Pseudoklassen invalid angiver en stil for et inputfelt, hvor der er indtastet en ugyldig værdi eller en værdi, der ikke svarer til den angivne type.

Syntaks

cssselektor:invalid {

}

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å