:out-of-range
Селектор псевдо в CSS соответствует входных элементов , когда их значение выходит за пределы диапазона определен как приемлемо.
input:out-of-range ( border: 5px solid red; )
Я считаю, что это актуально только для ввода (type = number). Входы диапазона не допускают значений за пределами их минимального / максимального значения, и это не имеет особого смысла для любого другого типа ввода. Возможно, текстовые входы с максимальной длиной, но поведение на них в большинстве браузеров заключается в том, чтобы в любом случае предотвращать вход после максимального значения.
Демо
Как и в приведенном выше коде, этот вход будет иметь зеленую рамку, когда его значение будет между 5 и 10.
Больше информации
- Спецификация
- :в диапазоне
Поддержка браузера
Хром | Сафари | Fire Fox | Опера | IE | Android | iOS |
---|---|---|---|---|---|---|
10+ | 5.2+ | 19- | 11+ | 10- | 2.3+ | 4+ |