Pseudoklasse invalid
De pseudoklasse invalid bepaalt de stijl
voor een invoerveld waarin een ongeldige
waarde of een waarde die niet overeenkomt met het opgegeven
type is ingevoerd.
Syntaxis
selector:invalid {
}
Voorbeeld
Laten we de achtergrond van het invoerveld roze maken, wanneer een ongeldige waarde wordt ingevoerd, en terug naar groen, wanneer de waarde de validatie voor het geselecteerde type heeft doorstaan:
<p>Voer uw e-mailadres in</p>
<p><input type="email"></p>
input:invalid {
background: #E37D76;
}
input:valid {
background: #9DDFA4;
}
:
Zie ook
-
pseudoklasse
:valid,
die de stijl bepaalt voor een invoerveld waarin een geldige waarde is ingevoerd -
pseudoklasse
:default,
die de stijl bepaalt voor standaard elementen -
pseudoklasse
:in-range,
die de stijl bepaalt voor elementen met een opgegeven waardebereik -
pseudoklasse
:out-of-range,
die de stijl bepaalt voor elementen waarvan de waarden buiten het bereik vallen
