:in-rangeVolič pseudo CSS odpovídá vstupní prvky, pokud jejich hodnota je v rozmezí stanoveném jako přijatelné. Je součástí specifikace CSS Selectors úrovně 4, která je aktuálně v Draft editoru.
input:in-range ( border: 5px solid green; )Věřím, že je to relevantní pouze pro input(type=number). Vstupy rozsahu neumožňují hodnoty mimo jejich min / max a na žádném jiném typu vstupu to moc nedává smysl. Možná text-y vstupy s maxlength, ale chování na těch ve většině prohlížečů je zabránit vstupu přes maximum stejně.
Ukázka
Stejně jako výše uvedený kód bude mít tento vstup zelené ohraničení, pokud je jeho hodnota mezi 5 a 10.
Podpora prohlížeče
Tato data podpory prohlížeče pocházejí z Caniuse, který obsahuje více podrobností. Číslo označuje, že prohlížeč podporuje tuto funkci v dané verzi a vyšší.
plocha počítače
| Chrome | Firefox | TJ | Okraj | Safari |
|---|---|---|---|---|
| 53 | 50 | Ne | 79 | 10.1 |
Mobilní / Tablet
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 81 | 10.3 |
Související vlastnosti
Almanach 1. července 2020:mimo dosah
input:out-of-range ( border: 5px solid red; ) 
Geoff Graham