Руководство по CSS

CSS @правила (RULES)

Полный список свойств CSS

Функции CSS Полное руководство по селекторам CSS

CSS :valid селекторы

Онлайн пример

Если значение, введенное в элемент input, является законным, установите его в желтый цвет:

Пример

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">　
<title>Основной учебник (oldtoolbag.com)</title>　
<style>
input:valid
{
　　　　background-color: yellow;
}
</style>
</head>
<body>
<h3>Пример :valid селектора.</h3>
<input type="email" value="[email protected]" />
<p>Введите недопустимый e-mail адрес, чтобы увидеть изменения стиля.</p>
</body>
</html>

Проверьте, посмотрите ‹/›

Определение и использование

:valid селекторы устанавливают стиль при необходимости проверки значений элементов формы по заданным условиям.

Внимание: 　:valid селекторы действуют только на элементы, которые могут иметь указанные интервалы значений, например, min и max атрибуты input элементов, а также правильные поля email, законные числовые поля и т.д.

Совместимость браузеров

Числа в таблице показывают первую версию браузера, поддерживающую этот свойство.

Выборщики
:valid	10.0	10.0	4.0	5.0	10.0

CSS грамматика

:valid
{
　　　　css　утверждение;
}

Соответствующие страницы

CSS селекторы :invalid

Полное руководство по CSS-селекторам

Функции CSS Полное руководство по селекторам CSS