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

cssselector:optional {

}

Contoh

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

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

cssinput: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