Pseudotrieda optional

Pseudotrieda optional nastavuje štýl vstupnému poľu, ktoré nemá nastavený atribút required, t.j. táto pseudotrieda sa aplikuje na nepovinné vstupné polia.

Syntax

selektor:optional {

}

Príklad

Nastavme nepovinnému vstupnému poľu sivé pozadie:

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

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

Pozrite tiež

pseudotrieda :default,
ktorá nastavuje štýl prvkom predvoleným
pseudotrieda :indeterminate,
ktorá nastavuje štýl prepínačom, ktoré sú v neurčitom stave
pseudotrieda :placeholder-shown,
ktorá nastavuje štýl prvkom pri zobrazení textu-nápovedy
pseudotrieda :read-only,
ktorá nastavuje štýl vstupným poliam, ktoré nie sú dostupné pre zmenu
pseudotrieda :required,
ktorá nastavuje štýl vstupnému poľu, ktoré má nastavený atribút required
pseudotrieda :focus-within,
ktorá nastavuje štýl prvkom v ohnisku
vlastnosť caret-color,
ktorá nastavuje farbu textovému kurzoru vo vstupnom poli