:in-rangePseudo selektorius CSS atitinka įvesties elementai, kai jų vertė yra nurodytame diapazone kaip priimtina. Tai yra CSS selektorių 4 lygio specifikacijos dalis, kuri šiuo metu yra redaktoriaus juodraštyje.
input:in-range ( border: 5px solid green; )Manau, kad tai aktualu tik input(type=number). Diapazono įėjimai neleidžia reikšmių viršyti jų min / max, ir jokios kitos rūšies įvesties nėra prasmės. Galbūt „y-text“ įvestys yra su „maxlength“, tačiau daugumos naršyklių elgsena vis tiek neleidžia įeiti per maks.
Demonstracija
Kaip ir aukščiau pateiktas kodas, ši įvestis turės žalią kraštinę, kai jos vertė bus nuo 5 iki 10.
Naršyklės palaikymas
Šie naršyklės palaikymo duomenys yra iš „Caniuse“, kuri turi daugiau informacijos. Skaičius rodo, kad naršyklė palaiko šios ir naujesnės versijos funkciją.
Darbalaukis
| „Chrome“ | „Firefox“ | T.Y | Briauna | „Safari“ |
|---|---|---|---|---|
| 53 | 50 | Ne | 79 | 10.1 |
Mobilusis / planšetinis kompiuteris
| „Android Chrome“ | „Android Firefox“ | „Android“ | „iOS Safari“ |
|---|---|---|---|
| 88 | 85 | 81 | 10.3 |
Susijusios savybės
Almanachas 2020 m. Liepos 1 d:nepasiekiamas
input:out-of-range ( border: 5px solid red; ) 
Geoffas Grahamas