Pseudoklasas optional

Pseudoklasas optional nurodo stilių įvesties laukui, kuriam nenustatytas atributas required, t.y. šis pseudoklasas taikomas neprivalomiems įvesties laukams.

Sintaksė

selektorius:optional {

}

Pavyzdys

Suteikime neprivalomam įvesties laukui pilką foną:

<form>
	<p>
		<label>Įveskite skaičių</label>
		<input type="number" required>
	</p>
	<p>
		<label>Įveskite tekstą</label>
		<input type="text">
	</p>
</form>

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

Žiūrėkite taip pat

pseudoklasas :default,
kuris nurodo numatytųjų elementų stilių
pseudoklasas :indeterminate,
kuris nurodo perjungiklių, esančių neapibrėžtoje būsenoje, stilių
pseudoklasas :placeholder-shown,
kuris nurodo elementų stilių rodant užuominos tekstą
pseudoklasas :read-only,
kuris nurodo įvesties laukų, nepasiekiamų keitimui, stilių
pseudoklasas :required,
kuris nurodo įvesties lauko, kuriam nustatytas required atributas, stilių
pseudoklasas :focus-within,
kuris nurodo elementų dėmesyje stilių
savybė caret-color,
kuri nurodo teksto žymeklio spalvą įvesties lauke