CSS : Sélecteur hors plage
Exemple
Sélectionnez et stylisez uniquement si la valeur de l'élément <input> est "hors plage" :
input:out-of-range
{
border: 2px solid red;
}
Définition et utilisation
Le :out-of-range
sélecteur sélectionne tous les éléments dont la valeur est en dehors d'une plage spécifiée.
Remarque : Le sélecteur :out-of-range ne fonctionne que pour les éléments d'entrée avec les attributs min et/ou max !
Conseil : utilisez le sélecteur :in-range pour sélectionner tous les éléments dont la valeur se situe dans une plage spécifiée.
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 | |||||
---|---|---|---|---|---|
:out-of-range | 53.0 | 13.0* | 50.0 | 10.1 | 40.0 |
* Dans Edge, la propriété :out-of-range sélectionne également de manière incorrecte les éléments d'entrée sans attributs min/max.
Syntaxe CSS
:out-of-range {
css declarations;
}
Pages connexes
Sélecteur CSS : dans la plage