O :out-of-rangepseudo seletor em CSS corresponde aos elementos de entrada quando seu valor está fora do intervalo especificado como aceitável.
input:out-of-range ( border: 5px solid red; )Acredito que seja relevante apenas na entrada (tipo = número). As entradas de intervalo não permitem valores fora de seu mínimo / máximo e não faz muito sentido em qualquer outro tipo de entrada. Talvez entradas text-y com maxlength, mas o comportamento na maioria dos navegadores é impedir a entrada além do máximo de qualquer maneira.
Demo
Assim como o código acima, esta entrada terá uma borda verde quando seu valor estiver entre 5 e 10.
Mais informações
- The Spec
- : dentro do alcance
Suporte para navegador
| cromada | Safári | Raposa de fogo | Ópera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 10+ | 5,2+ | 19- | 11+ | 10- | 2,3+ | 4+ |