Pseudoklassen optional

Pseudoklassen optional definerer stilen for et input, hvor attributten required ikke er angivet, dvs. denne pseudoklasse anvendes på frivillige inputs.

Syntaks

selektor:optional {

}

Eksempel

Lad os give det frivillige input en grå baggrund:

<form>
	<p>
		<label>Indtast nummer</label>
		<input type="number" required>
	</p>
	<p>
		<label>Indtast tekst</label>
		<input type="text">
	</p>
</form>

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

Se også

pseudoklassen :default,
som definerer stilen for standardelementer
pseudoklassen :indeterminate,
som definerer stilen for skifteknapper, der er i en ubestemt tilstand
pseudoklassen :placeholder-shown,
som definerer stilen for elementer, når pladsholderteksten vises
pseudoklassen :read-only,
som definerer stilen for inputs, der ikke kan ændres
pseudoklassen :required,
som definerer stilen for et input, hvor required-attributten er angivet
pseudoklassen :focus-within,
som definerer stilen for elementer i fokus
egenskaben caret-color,
som definerer farven på tekstmarkøren i et input