CSS : geldige kiezer
Voorbeeld
Selecteer en stijl alleen als de waarde van het <input>-element geldig is:
input:valid
{
background-color: yellow;
}
Definitie en gebruik
De :valid
selector selecteert formulierelementen met een waarde die valideert volgens de instellingen van het element.
Let op: De :valid selector werkt alleen voor formulierelementen met beperkingen, zoals invoerelementen met min en max attributen, e-mailvelden met een legale e-mail, of nummervelden met een numerieke waarde, etc.
Tip: Gebruik de :invalid selector om formulierelementen te selecteren met een waarde die niet geldig is 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 | |||||
---|---|---|---|---|---|
:valid | 10.0 | 10.0 | 4.0 | 5.0 | 10.0 |
CSS-syntaxis
:valid {
css declarations;
}
Gerelateerde pagina's
CSS-kiezer :ongeldig