: извън обхвата - CSS-трикове

Anonim

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