Псевдокласс :required

Обновлено: 30.05.2022

Псевдокласс :required

Применяет стилевые правила к элементу <input>, у которого установлен атрибут required, он позволяет выделять поля обязательные к заполнению перед отправкой формы.

Синтаксис

input:required { ... }

Пример

В данном примере обязательным считается поле для ввода имени, оно выделяется красной рамкой за счёт применения псевдокласса :required. Результат примера в Safari 5 показан на рис. 1.

Рис. 1. Использование псевдокласса :required

Браузеры

:required

Посмотреть совместимость на Can I use?

:required