Pseudoclass optional

Pseudoclass optional huweka mtindo kwa ingizo ambalo halijawekwa sifa required, yaani, pseudoclass hii inatumika kwa viingilio visivyofurahisha.

Syntax

kichaguli:optional {

}

Mfano

Wacha tuweke ingizo lisilofurahisha nyuzinyusi ya kijivu:

<form>
	<p>
		<label>Ingiza nambari</label>
		<input type="number" required>
	</p>
	<p>
		<label>Ingiza maandishi</label>
		<input type="text">
	</p>
</form>

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

Angalia pia

pseudoclass :default,
ambayo huweka mtindo kwa vipengele kwa chaguomsingi
pseudoclass :indeterminate,
ambayo huweka mtindo kwa wabadilishaji ambao wako katika hali isiyo na uhakika
pseudoclass :placeholder-shown,
ambayo huweka mtindo kwa vipengele wakati wa kuonyesha maandishi-msaada
pseudoclass :read-only,
ambayo huweka mtindo kwa viingilio visivyopatikana kwa mabadiliko
pseudoclass :required,
ambayo huweka mtindo kwa ingizo ambalo kimewekwa sifa required
pseudoclass :focus-within,
ambayo huweka mtindo kwa vipengele vilivyolengwa
sifa caret-color,
ambayo huweka rangi kwa kiashiria cha maandishi kwenye ingizo