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

Псевдокласс 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,
который задает стиль инпутам, доступным для изменения