Pseudotřída optional

Pseudotřída optional nastavuje styl vstupnímu poli, kterému není nastaven atribut required, tj. tato pseudotřída se aplikuje na nepovinná vstupní pole.

Syntaxe

selektor:optional {

}

Příklad

Nastavme nepovinnému vstupnímu poli šedé pozadí:

<form>
	<p>
		<label>Zadejte číslo</label>
		<input type="number" required>
	</p>
	<p>
		<label>Zadejte text</label>
		<input type="text">
	</p>
</form>

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

Viz také

pseudotřída :default,
která nastavuje styl prvkům ve výchozím stavu
pseudotřída :indeterminate,
která nastavuje styl přepínačům, které jsou v neurčitém stavu
pseudotřída :placeholder-shown,
která nastavuje styl prvkům při zobrazení textové nápovědy
pseudotřída :read-only,
která nastavuje styl vstupním polím, která nelze měnit
pseudotřída :required,
která nastavuje styl vstupnímu poli, kterému je nastaven atribut required
pseudotřída :focus-within,
která nastavuje styl prvkům ve stavu focus
vlastnost caret-color,
která nastavuje barvu textového kurzoru ve vstupním poli