:out-of-range

Содержание

Применяется к полям форм, у которых введённое пользователем значение выходит из заданного диапазона. Псевдокласс работает только для тех полей, где пользователь может сам ввести значение, даже несмотря на ограничения наложенные атрибутами min и max.

Синтаксис

Селектор:out-of-range { ... }

Пример

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>:out-of-range</title>
  <style>
   input:out-of-range {
    background: #f9c3d2; /* Цвет фона */
   }
   input:out-of-range + label::after {
    content: 'Неверное число'; /* Выводим текст */
    color: #ec008c; /* Цвет текста */
    margin-left: 0.5em; /* Отступ слева */
   }
  </style>
 </head>
 <body>
  <form>
   <p>Введите число от 1 до 10</p>
   <p><input type="number" id="dec" min="1" max="10" value="1">
   <label for="dec"></label></p>
  </form>
 </body>
</html>

Спецификация

СпецификацияСтатус
Selectors Level 4Редакторский черновик
CSS Basic User Interface Module Level 3Рабочий проект

Браузеры

Internet ExplorerChromeOperaSafariFirefox
10115.228
AndroidFirefox MobileOpera MobileSafari Mobile
2.316115.2




Рекомендую хостинг: beget.ru

Сервер падал:53 дн. 23:26 назад.

Посещений в месяц:205640

Посещений в день:100


+7 (951) 527 0204

+7 (928) 103 4987

programmer@niesoft.ru