CSS :ongeldige kiezer
Voorbeeld
Selecteer en stijl alleen als de waarde van het <input>-element ongeldig is:
input:invalid
{
border: 2px solid red;
}
Definitie en gebruik
De :invalid
selector selecteert formulierelementen met een waarde die niet geldig is volgens de instellingen van het element.
Opmerking: de :invalid selector werkt alleen voor formulierelementen met beperkingen, zoals invoerelementen met min en max attributen, e-mailvelden zonder een wettelijk e-mailadres of nummervelden zonder numerieke waarde, enz.
Tip: Gebruik de :valid selector om formulierelementen te selecteren met een waarde die valideert volgens de instellingen van het element.
Versie: | CSS3 |
---|
Browserondersteuning
De cijfers in de tabel geven de eerste browserversie aan die de selector volledig ondersteunt.
Selector | |||||
---|---|---|---|---|---|
:invalid | 10.0 | 10.0 | 4.0 | 5.0 | 10.0 |
CSS-syntaxis
:invalid {
css declarations;
}
Gerelateerde pagina's
CSS-kiezer :geldig