Den :in-rangepseudo velgeren i CSS varer med drivelementene når deres verdi er innenfor det spesifiserte som å være akseptable området. Det er en del av CSS Selectors nivå 4-spesifikasjonen som for øyeblikket er i Editor's Draft.
input:in-range ( border: 5px solid green; )Jeg tror det bare er relevant den input(type=number). Områdeinnganger tillater ikke verdier utenfor min / maks, og det gir ikke mye mening på noen annen type inngang. Kanskje tekst-y-innganger med maks lengde, men oppførselen til de i de fleste nettlesere er å forhindre oppføring forbi maks uansett.
Demo
Akkurat som koden ovenfor, vil denne inngangen ha en grønn kant når verdien er mellom 5 og 10.
Nettleserstøtte
Disse nettleserstøttedataene er fra Caniuse, som har flere detaljer. Et tall indikerer at nettleseren støtter funksjonen i den versjonen og oppover.
Desktop
| Chrome | Firefox | DVS | Kant | Safari |
|---|---|---|---|---|
| 53 | 50 | Nei | 79 | 10.1 |
Mobil / nettbrett
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 81 | 10.3 |
Relaterte egenskaper
Almanakk 1. juli 2020:ute av rekkevidde
input:out-of-range ( border: 5px solid red; ) 
Geoff Graham