Den :out-of-rangepseudo vælgeren i CSS matcher inputelementer når deres værdi ligger uden for det område, som værende acceptabelt.
input:out-of-range ( border: 5px solid red; )Jeg tror, det kun er relevant for input (type = antal). Områdeindgange tillader ikke værdier uden for deres min / max, og det giver ikke særlig mening på nogen anden type input. Måske tekst-y-indgange med en maxlængde, men adfærden på dem i de fleste browsere er at forhindre indtastning forbi max alligevel.
Demo
Ligesom koden ovenfor har dette input en grøn kant, når dens værdi er mellem 5 og 10.
Mere info
- Specifikationen
- :inden for rækkevidde
Browsersupport
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 10+ | 5.2+ | 19- | 11+ | 10- | 2.3+ | 4+ |