Pseudoclasa optional

Pseudoclasa optional definește stilul pentru input-ul care nu are setat atributul required, adică această pseudoclassă se aplică la input-urile opționale.

Sintaxă

selector:optional {

}

Exemplu

Să setăm pentru input-ul opțional un fundal gri:

<form>
	<p>
		<label>Enter number</label>
		<input type="number" required>
	</p>
	<p>
		<label>Enter text</label>
		<input type="text">
	</p>
</form>

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

Vezi și

pseudoclasa :default,
care definește stilul pentru elementele implicite
pseudoclasa :indeterminate,
care definește stilul pentru switch-uri care se află într-o stare nedeterminată
pseudoclasa :placeholder-shown,
care definește stilul pentru elemente la afișarea textului de sugestie
pseudoclasa :read-only,
care definește stilul pentru input-uri indisponibile pentru modificare
pseudoclasa :required,
care definește stilul pentru input-ul care are setat atributul required
pseudoclasa :focus-within,
care definește stilul pentru elementele în focus
proprietatea caret-color,
care definește culoarea cursorului text în input