Sélecteur :VALID
Rôle
Le sélecteur valid est une pseudo-classe désigné par la syntaxe :valid qui permet de cibler chaque élément de formulaire qui est considéré comme valide.
Note: la validité d’un élément va dépendre du navigateur et du type d’élément.
Dans l’exemple ci-dessous, le fond jaune pendant la saisie disparaît lorsque le format de l’email n’est pas correct.
:valid{
background-color: yellow;
}
Pseudo : <input type="email" name="pseudo">
Testez vous-même ce sélecteur
Inconvénient
Le champ est considéré comme valide avant de saisir du contenu.
Version : CSS3
Compatibilité
Le sélecteur valid est pris en charge par tous les principaux navigateurs
A partir d’Internet Explorer 10.
A voir aussi
:disabled
:enabled
:invalid
:checked
:required
:read-only
:read-write
:optional
:out-of-range
:in-range
:focus
