Pseidoklase optional

Pseidoklase optional nosaka stilu ievades laukam, kuram nav iestatīts atribūts required, t.i., šī pseidoklase tiek piemērota neobligātiem ievades laukiem.

Sintakse

selektors:optional {

}

Piemērs

Uzstādīsim neobligātam ievades laukam pelēku fona krāsu:

<form>
	<p>
		<label>Ievadiet numuru</label>
		<input type="number" required>
	</p>
	<p>
		<label>Ievadiet tekstu</label>
		<input type="text">
	</p>
</form>

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

Skatiet arī

pseidoklase :default,
kas nosaka noklusējuma stilus elementiem
pseidoklase :indeterminate,
kas nosaka stilu slēdžiem, kas atrodas nenoteiktā stāvoklī
pseidoklase :placeholder-shown,
kas nosaka stilu elementiem, kad tiek rādīts padoma teksts
pseidoklase :read-only,
kas nosaka stilu ievades laukiem, kas nav pieejami labošanai
pseidoklase :required,
kas nosaka stilu ievades laukam, kuram ir iestatīts required atribūts
pseidoklase :focus-within,
kas nosaka stilu elementiem fokusā
īpašība caret-color,
kas nosaka teksta kursora krāsu ievades laukā