:in-rangeVolič pseudo CSS zodpovedá vstupné prvky, pokiaľ ich hodnota je v rozmedzí stanovenom ako prijateľné. Je súčasťou špecifikácie CSS Selectors úrovne 4, ktorá je momentálne v koncepte editora.
input:in-range ( border: 5px solid green; )Verím, že je to relevantné iba pre input(type=number). Vstupy rozsahu neumožňujú hodnoty mimo ich min / max a na inom type vstupu to nemá veľký zmysel. Možno textové vstupy s maximálnou dĺžkou, ale správaním sa vo väčšine prehliadačov je aj tak zabránenie vstupu za maximum.
Ukážka
Rovnako ako vyššie uvedený kód, aj tento vstup bude mať zelené orámovanie, keď je jeho hodnota medzi 5 a 10.
Podpora prehliadača
Údaje o podpore tohto prehľadávača sú od spoločnosti Caniuse, ktorá obsahuje viac podrobností. Číslo označuje, že prehliadač podporuje túto funkciu v danej verzii alebo vyššej.
Desktop
| Chrome | Firefox | IE | Hrana | Safari |
|---|---|---|---|---|
| 53 | 50 | Nie | 79 | 10.1 |
Mobil / tablet
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 81 | 10.3 |
Súvisiace vlastnosti
Almanach 1. júla 2020:mimo rozsah
input:out-of-range ( border: 5px solid red; ) 
Geoff Graham