Pseudo-sınıf optional

Pseudo-sınıf optional, required özniteliği belirlenmemiş input'a stil belirler, yani bu pseudo-sınıf zorunlu olmayan input'lara uygulanır.

Sözdizimi

seçici:optional {

}

Zorunlu olmayan input'a gri bir arka plan verelim:

<form>
	<p>
		<label>Sayı girin</label>
		<input type="number" required>
	</p>
	<p>
		<label>Metin girin</label>
		<input type="text">
	</p>
</form>

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

pseudo-sınıf :default,
varsayılan öğelere stil verir
pseudo-sınıf :indeterminate,
belirsiz durumdaki anahtarlara stil verir
pseudo-sınıf :placeholder-shown,
ipucu metni görüntülendiğinde öğelere stil verir
pseudo-sınıf :read-only,
değiştirilemeyen input'lara stil verir
pseudo-sınıf :required,
required özniteliği belirlenmiş input'a stil verir
pseudo-sınıf :focus-within,
odaklanmış öğelere stil verir
özellik caret-color,
input'taki metin imlecinin rengini belirler