Pseudo-classe out-of-range
La pseudo-classe out-of-range définit le style
des éléments dont les valeurs sont en dehors
de la plage spécifiée. La plage de valeurs
doit être définie par les attributs min
et max.
Syntaxe
sélecteur:out-of-range {
}
Exemple
Définissons une couleur bleue pour l'arrière-plan d'un input dans lequel
sont saisis des nombres appartenant à la plage
de 1 à 5. Définissons également un arrière-plan rose lorsque
la valeur saisie n'est pas dans la limite choisie :
<form>
<p>Entrez un nombre de 1 à 5</p>
<p>
<input type="number" min="1" max="5" value="1">
</p>
</form>
input:in-range {
background: #C2DDFD;
}
input:out-of-range {
background: #E37D76;
}
:
Voir aussi
-
la pseudo-classe
:in-range,
qui définit le style des éléments avec une plage de valeurs spécifiée -
la pseudo-classe
:invalid,
qui définit le style d'un input dans lequel une valeur incorrecte a été saisie -
la pseudo-classe
:valid,
qui définit le style d'un input dans lequel une valeur correcte a été saisie
