Den :in-rangepseudo vælgeren i CSS matcher inputelementer når deres værdi er inden for området specificeret som værende acceptable. Det er en del af CSS Selectors niveau 4-specifikation, som i øjeblikket er i Editor's Draft.
input:in-range ( border: 5px solid green; )Jeg tror, det kun er relevant input(type=number). 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.
Browsersupport
Denne browsersupportdata er fra Caniuse, som har flere detaljer. Et tal angiver, at browseren understøtter funktionen i den version og opefter.
Desktop
| Chrome | Firefox | IE | Edge | Safari |
|---|---|---|---|---|
| 53 | 50 | Ingen | 79 | 10.1 |
Mobil / tablet
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 81 | 10.3 |
Relaterede egenskaber
Almanak den 1. juli 2020:uden for rækkevidde
input:out-of-range ( border: 5px solid red; ) 
Geoff Graham