CSS : sélecteur invalide
Exemple
Sélectionnez et stylez uniquement si la valeur de l'élément <input> n'est pas valide :
input:invalid
{
border: 2px solid red;
}
Définition et utilisation
Le :invalid
sélecteur sélectionne les éléments de formulaire avec une valeur qui ne valide pas selon les paramètres de l'élément.
Remarque : Le sélecteur :invalid ne fonctionne que pour les éléments de formulaire avec des limitations, tels que les éléments d'entrée avec des attributs min et max, les champs d'e-mail sans e-mail légal, ou les champs numériques sans valeur numérique, etc.
Astuce : Utilisez le sélecteur :valid pour sélectionner des éléments de formulaire avec une valeur qui valide selon les paramètres de l'élément.
Version: | CSS3 |
---|
Prise en charge du navigateur
Les nombres dans le tableau spécifient la première version du navigateur qui prend entièrement en charge le sélecteur.
Selector | |||||
---|---|---|---|---|---|
:invalid | 10.0 | 10.0 | 4.0 | 5.0 | 10.0 |
Syntaxe CSS
:invalid {
css declarations;
}
Pages connexes
Sélecteur CSS : valide