Le :out-of-rangepseudo-sélecteur dans CSS correspond aux éléments d'entrée lorsque leur valeur est en dehors de la plage spécifiée comme étant acceptable.
input:out-of-range ( border: 5px solid red; )Je pense que ce n'est pertinent que sur l'entrée (type = nombre). Les entrées de plage n'autorisent pas les valeurs en dehors de leur min / max et cela n'a pas beaucoup de sens sur tout autre type d'entrée. Peut-être des entrées text-y avec une longueur maximale, mais le comportement de celles-ci dans la plupart des navigateurs est d'empêcher de toute façon l'entrée au-delà du maximum.
Démo
Tout comme le code ci-dessus, cette entrée aura une bordure verte lorsque sa valeur est comprise entre 5 et 10.
Plus d'informations
- Le Spec
- :dans la gamme
Prise en charge du navigateur
| Chrome | Safari | Firefox | Opéra | C'EST À DIRE | Android | iOS |
|---|---|---|---|---|---|---|
| 10+ | 5.2+ | 19- | 11+ | dix- | 2.3+ | 4+ |