CSS selector input:invalid
Селектор :invalid обирає елементи форми, значення яких не відповідає налаштуванням елемента. Тобто, якщо значення числового поля (type="number") введено як рядок чи type="email" не відповідає правильній електронній пошті.
Порада: Використовуйте селектор :valid для вибірки елементів форми зі значенням, яке відповідає заданим фільтрам елемента.
Синтаксис
:invalid {
css declarations;
}Переглядачі
| Переглядач |  |
 |
 |
 |
 |
|---|---|---|---|---|---|
| invalid | 10.0 | 4.0 | 5.0 | 10.0 | 10.0 |
Мобільних переглядачів ще не додано.
Приклади
+ запропонувати свій приклад у пісочниці
Перше поле містить не адресу — воно невалідне, і рамка червона. Виправ текст на адресу (або зіпсуй друге поле) — стилі перемкнуться самі.
HTML
<p>Поля вимагають електронну адресу:</p>
<input type="email" value="не-адреса">
<input type="email" value="[email protected]">CSS
input:invalid {
border: 2px solid red;
}Коментарі
Коментарів ще немає — будьте першим!