CSS : sélecteur valide
Exemple
Sélectionnez et stylez uniquement si la valeur de l'élément <input> est valide :
input:valid
{
background-color: yellow;
}
Définition et utilisation
Le :valid
sélecteur sélectionne les éléments de formulaire avec une valeur qui valide selon les paramètres de l'élément.
Remarque : Le sélecteur :valid ne fonctionne que pour les éléments de formulaire avec des limitations, tels que les éléments d'entrée avec les attributs min et max, les champs d'e-mail avec un e-mail légal ou les champs numériques avec une valeur numérique, etc.
Astuce : Utilisez le sélecteur :invalid pour sélectionner des éléments de formulaire avec une valeur qui ne se valide pas 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 | |||||
---|---|---|---|---|---|
:valid | 10.0 | 10.0 | 4.0 | 5.0 | 10.0 |
Syntaxe CSS
:valid {
css declarations;
}
Pages connexes
Sélecteur CSS : invalide