Pseudoklassen invalid
Pseudoklassen invalid sätter stilen
för en inmatning där ett felaktigt
värde har angetts eller ett värde som inte överensstämmer med den angivna
typen.
Syntax
selektor:invalid {
}
Exempel
Låt oss ändra bakgrundsfärgen på inmatningen till rosa när ett felaktigt värde anges och tillbaka till grön när värdet har klarat valideringen för den valda typen:
<p>Ange din e-postadress</p>
<p><input type="email"></p>
input:invalid {
background: #E37D76;
}
input:valid {
background: #9DDFA4;
}
:
Se även
-
pseudoklassen
:valid,
som sätter stilen för en inmatning där ett korrekt värde har angetts -
pseudoklassen
:default,
som sätter stilen för standardelement -
pseudoklassen
:in-range,
som sätter stilen för element med ett angivet värdeintervall -
pseudoklassen
:out-of-range,
som sätter stilen för element vars värden ligger utanför intervallet
