:in-rangeSelektor pseudo u CSS odgovara ulazne elemente, kada je njihova vrijednost unutar raspona navedenog kao prihvatljive. Dio je specifikacije CSS Selectors Level 4 koja je trenutno u Editorovoj skici.
input:in-range ( border: 5px solid green; )Vjerujem da je relevantno samo za input(type=number). Ulazi raspona ne dopuštaju vrijednosti izvan njihovih min / max i nema puno smisla ni za jednu drugu vrstu ulaza. Možda unosi teksta s maksimalnom duljinom, ali ponašanje većine preglednika ionako sprječava ulazak iznad maksimuma.
Demo
Baš kao i gornji kod, i ovaj će ulaz imati zeleni obrub kada je njegova vrijednost između 5 i 10.
Podrška preglednika
Podaci o podršci preglednika potječu iz tvrtke Caniuse, koja sadrži više detalja. Broj označava da preglednik podržava značajku u toj verziji i novijoj.
Radna površina
| Krom | Firefox | IE | Rub | Safari |
|---|---|---|---|---|
| 53 | 50 | Ne | 79 | 10.1 |
Mobitel / tablet
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 81 | 10.3 |
Povezana svojstva
Almanah 1. srpnja 2020:izvan dometa
input:out-of-range ( border: 5px solid red; ) 
Geoff Graham