El :out-of-rangepseudo selector en CSS coincide con los elementos de entrada cuando su valor está fuera del rango especificado como aceptable.
input:out-of-range ( border: 5px solid red; )Creo que solo es relevante en la entrada (tipo = número). Las entradas de rango no permiten valores fuera de su mínimo / máximo y no tiene mucho sentido en ningún otro tipo de entrada. Quizás entradas text-y con una longitud máxima, pero el comportamiento en la mayoría de los navegadores es evitar la entrada más allá del máximo de todos modos.
Manifestación
Al igual que el código anterior, esta entrada tendrá un borde verde cuando su valor esté entre 5 y 10.
Más información
- La especificación
- :en el rango
Soporte del navegador
| Cromo | Safari | Firefox | Ópera | ES DECIR | Androide | iOS |
|---|---|---|---|---|---|---|
| 10+ | 5.2+ | 19- | 11+ | 10- | 2.3+ | 4+ |