:in-rangePseudo valijat CSS vastab sisestuselemente kui nende väärtus ei nimetatud vahemikus nagu oleks vastuvõetav. See on osa CSS Selektorite 4. taseme spetsifikatsioonist, mis on praegu redigeerija mustandis.
input:in-range ( border: 5px solid green; )Usun, et see on asjakohane ainult input(type=number). Vahemikusisendid ei võimalda väärtusi väljaspool nende min / max väärtust ja muud tüüpi sisenditel pole eriti mõtet. Võib-olla on teksti-y sisestused maksimaalse pikkusega, kuid enamiku brauserite käitumine on niikuinii takistada sisestamist maksimumist üle.
Demo
Täpselt nagu ülaltoodud kood, on sellel sisendil roheline piir, kui selle väärtus jääb vahemikku 5–10.
Brauseri tugi
Need brauseri tugiandmed pärinevad Caniuse'ilt, millel on üksikasjalikum teave. Number näitab, et brauser toetab selle versiooni ja uuemat funktsiooni.
Töölaud
| Chrome | Firefox | IE | Edge | Safari |
|---|---|---|---|---|
| 53 | 50 | Ei | 79 | 10.1 |
Mobiil / tahvelarvuti
| Android Chrome | Android Firefox | Android | iOS-i Safari |
|---|---|---|---|
| 88 | 85 | 81 | 10.3 |
Seotud omadused
Almanahh 1. juulil 2020:väljas pool leviala
input:out-of-range ( border: 5px solid red; ) 
Geoff Graham