Pseudoklasa optional

Pseudoklasa optional zadaje stil inputu koji nema postavljen atribut required, odnosno ova pseudoklasa se primenjuje na neobavezne inpute.

Sintaksa

selektor:optional {

}

Hajde da neobaveznom inputu zadamo sivu pozadinu:

<form>
	<p>
		<label>Unesi broj</label>
		<input type="number" required>
	</p>
	<p>
		<label>Unesi tekst</label>
		<input type="text">
	</p>
</form>

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

pseudoklasa :default,
koja zadaje stil elementima po podrazumevanim vrednostima
pseudoklasa :indeterminate,
koja zadaje stil prekidačima koji su u neodređenom stanju
pseudoklasa :placeholder-shown,
koja zadaje stil elementima kada je prikazan tekst-podsetnik
pseudoklasa :read-only,
koja zadaje stil inputima koji nisu dostupni za izmenu
pseudoklasa :required,
koja zadaje stil inputu koji ima postavljen atribut required
pseudoklasa :focus-within,
koja zadaje stil elementima u fokusu
svojstvo caret-color,
koje zadaje boju tekstualnom kursoru u inputu