Pseudo-class optional

Pseudo-class optional mengatur gaya pada input yang tidak memiliki atribut required, artinya pseudo-class ini diterapkan pada input yang tidak wajib diisi.

Sintaks

selector:optional {

}

Contoh

Mari kita beri latar belakang abu-abu pada input yang tidak wajib diisi:

<form>
	<p>
		<label>Masukkan angka</label>
		<input type="number" required>
	</p>
	<p>
		<label>Masukkan teks</label>
		<input type="text">
	</p>
</form>

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

Lihat juga

pseudo-class :default,
yang mengatur gaya pada elemen secara default
pseudo-class :indeterminate,
yang mengatur gaya pada tombol toggle yang berada dalam keadaan tidak tentu
pseudo-class :placeholder-shown,
yang mengatur gaya pada elemen saat teks petunjuk ditampilkan
pseudo-class :read-only,
yang mengatur gaya pada input yang tidak dapat diubah
pseudo-class :required,
yang mengatur gaya pada input yang memiliki atribut required
pseudo-class :focus-within,
yang mengatur gaya pada elemen yang dalam fokus
properti caret-color,
yang mengatur warna kursor teks dalam input