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