Псевдокласс required - стиль для инпута, у которого задан атрибут required в CSS
Псевдокласс required задает стиль
инпуту, у которого есть атрибут required,
т.е. данный псевдокласс применяется к
обязательным для заполнения
инпутам.
Синтаксис
селектор:required {}
Пример
Давайте зададим обязательному для заполнения инпуту голубой фон:
<form>
<p>
<label>Enter number</label>
<input type="number" required>
</p>
<p>
<label>Enter text</label>
<input type="text">
</p>
</form>
input:required {
background-color: #C2DDFD;
}
:
Смотрите также
-
псевдокласс
:optional,
который задает стиль инпуту, у которого нет атрибута required -
псевдокласс
:default,
который задает стиль элементам по умолчанию -
псевдокласс
:indeterminate,
который задает стиль переключателям, которые находятся в неопределенном состоянии -
псевдокласс
:read-only,
который задает стиль инпутам, недоступным для изменения -
псевдокласс
:read-write,
который задает стиль инпутам, доступным для изменения