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