На :out-of-range
селектора псевдо в CSS съвпада входни елементи, когато тяхната стойност е извън обхвата, определен като приемлива.
input:out-of-range ( border: 5px solid red; )
Вярвам, че е уместно само при въвеждане (тип = номер). Входовете за диапазон не позволяват стойности извън техните min / max и това няма много смисъл за всеки друг тип вход. Може би въвеждането на текст с y с максимална дължина, но поведението на тези в повечето браузъри е така или иначе да предотврати влизането след максималната.
Демонстрация
Подобно на кода по-горе, този вход ще има зелена граница, когато стойността му е между 5 и 10.
Повече информация
- Спецификацията
- : в обхвата
Поддръжка на браузър
Chrome | Сафари | Firefox | Опера | IE | Android | iOS |
---|---|---|---|---|---|---|
10+ | 5.2+ | 19- | 11+ | 10- | 2.3+ | 4+ |