: поза зоною дії - CSS-хитрощі

Anonim

:out-of-rangeСелектор псевдо в CSS відповідає вхідних елементів , коли їх значення виходить за межі діапазону визначено як прийнятно.

input:out-of-range ( border: 5px solid red; )

Я вважаю, що це стосується лише введення (тип = число). Діапазон входів не допускає значень, що перевищують мінімальне / максимальне, і це не має особливого сенсу для будь-якого іншого типу введення. Можливо, введення тексту з текстом y з максимальною довжиною, але поведінка більшості браузерів полягає в тому, щоб у будь-якому випадку запобігти входу після максимальної.

Демо

Так само, як і код вище, цей вхід буде мати зелену межу, коли його значення знаходиться між 5 і 10.

Більше інформації

  • Специфікація
  • : в діапазоні

Підтримка браузера

Chrome Сафарі Firefox Опера IE Android iOS
10+ 5,2+ 19- 11+ 10- 2.3+ 4+