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
selektor: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:
<p>Indtast din email</p>
<p><input type="email"></p>
input:invalid {
background: #E37D76;
}
input:valid {
background: #9DDFA4;
}
:
Se også
-
pseudoklassen
:valid,
som angiver stil for et inputfelt med en gyldig værdi -
pseudoklassen
:default,
som angiver stil for standardelementer -
pseudoklassen
:in-range,
som angiver stil for elementer med et angivet værdiinterval -
pseudoklassen
:out-of-range,
som angiver stil for elementer, hvis værdier falder uden for intervallet
