Pseudoklasa optional

Pseudoklasa optional określa styl inputowi, który nie ma ustawionego atrybutu required, czyli ta pseudoklasa jest stosowana do inputów opcjonalnych.

Składnia

selektor:optional {

}

Przykład

Ustawmy opcjonalnemu inputowi szare tło:

<form>
	<p>
		<label>Wpisz numer</label>
		<input type="number" required>
	</p>
	<p>
		<label>Wpisz tekst</label>
		<input type="text">
	</p>
</form>

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

Zobacz też

pseudoklasa :default,
która określa styl elementom domyślnym
pseudoklasa :indeterminate,
która określa styl przełącznikom, które znajdują się w stanie nieokreślonym
pseudoklasa :placeholder-shown,
która określa styl elementom przy wyświetlaniu tekstu-podpowiedzi
pseudoklasa :read-only,
która określa styl inputom niedostępnym do zmiany
pseudoklasa :required,
która określa styl inputowi, który ma ustawiony atrybut required
pseudoklasa :focus-within,
która określa styl elementom w fokusie
właściwość caret-color,
która określa kolor tekstowego kursora w inpucie