Den :out-of-rangepseudo väljaren i CSS matchar inmatningselement när deras värde är utanför det område som specificeras såsom varande acceptabelt.
input:out-of-range ( border: 5px solid red; )Jag tror att det bara är relevant för inmatning (typ = nummer). Räckviddsingångar tillåter inte värden utanför min / max och det är inte meningsfullt på någon annan typ av ingång. Kanske text-y-ingångar med en maxlängd, men beteendet hos de i de flesta webbläsare är att förhindra inmatning förbi max ändå.
Demo
Precis som koden ovan kommer denna inmatning att ha en grön ram när dess värde är mellan 5 och 10.
Mer information
- Specifikationen
- :inom räckhåll
Webbläsarstöd
| Krom | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 10+ | 5.2+ | 19- | 11+ | 10- | 2.3+ | 4+ |