Псеўдаклас optional

Псеўдаклас optional задае стыль інпуту, у якога не зададзены атрыбут required, г.зн. даны псеўдаклас ужываецца да неабавязковых інпутаў.

Сінтаксіс

селектар:optional {

}

Прыклад

Давайце зададзім неабавязковаму інпуту шэры фон:

<form>
	<p>
		<label>Увядзіце лік</label>
		<input type="number" required>
	</p>
	<p>
		<label>Увядзіце тэкст</label>
		<input type="text">
	</p>
</form>

input:optional {
	background-color: #D8DFE8;
}

Глядзіце таксама

псеўдаклас :default,
які задае стыль элементам па змаўчанні
псеўдаклас :indeterminate,
які задае стыль пераключальнікам, якія знаходзяцца ў нявызначаным стане
псеўдаклас :placeholder-shown,
які задае стыль элементам пры адлюстраванні тэксту-падказкі
псеўдаклас :read-only,
які задае стыль інпутам, недаступным для змянення
псеўдаклас :required,
які задае стыль інпуту, у якога зададзены атрыбут required
псеўдаклас :focus-within,
які задае стыль элементам у фокусе
уласцівасць caret-color,
якая задае колер тэкставаму курсору ў інпуце