A :in-rangeCSS álválasztója egyezik a bemeneti elemekkel, ha azok értéke az elfogadhatónak megadott tartományon belül van. Ez a CSS Selectors 4. szintű specifikációjának része, amely jelenleg a Szerkesztő Piszkozatában található.
input:in-range ( border: 5px solid green; )Úgy gondolom, hogy ez csak itt releváns input(type=number). A tartomány bemenetei nem engedik meg a min / max értékeiken kívüli értékeket, és nincs sok értelme bármilyen más típusú bemenetnek. Talán max-hosszúságú text-y bemenetek, de a legtöbb böngészőben lévő felhasználók viselkedése amúgy is megakadályozza, hogy a max.
Demó
A fenti kódhoz hasonlóan ez a bemenet is zöld szegéllyel rendelkezik, ha értéke 5 és 10 között van.
Böngésző támogatás
Ez a böngésző támogatási adat a Caniuse cégtől származik, amely részletesebben szerepel. Egy szám azt jelzi, hogy a böngésző támogatja az adott és újabb verziók szolgáltatásait.
Asztal
| Króm | Firefox | AZAZ | Él | Szafari |
|---|---|---|---|---|
| 53 | 50 | Nem | 79 | 10.1 |
Mobil / Tablet
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 81. | 10.3 |
Kapcsolódó tulajdonságok
Almanach 2020. július 1-jén:hatótávolságon kívül
input:out-of-range ( border: 5px solid red; ) 
Geoff Graham