Псевдоклас optional

Псевдокласът optional задава стил на инпут, към който не е зададен атрибут required, т.е. този псевдоклас се прилага към незадължителните инпути.

Синтаксис

селектор:optional {

}

Нека зададем на незадължителния инпут сив фон:

<form>
	<p>
		<label>Enter number</label>
		<input type="number" required>
	</p>
	<p>
		<label>Enter text</label>
		<input type="text">
	</p>
</form>

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

псевдоклас :default,
който задава стил на елементите по подразбиране
псевдоклас :indeterminate,
който задава стил на превключвателите, които са в неопределено състояние
псевдоклас :placeholder-shown,
който задава стил на елементите при показване на текст-подсказка
псевдоклас :read-only,
който задава стил на инпутите, недостъпни за промяна
псевдоклас :required,
който задава стил на инпут, към който е зададен атрибут required
псевдоклас :focus-within,
който задава стил на елементите във фокус
свойство caret-color,
което задава цвят на текстовия курсор в инпут