: вне допустимого диапазона - CSS-хитрости

Anonim

: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+