Pseudo kelas optional

Pseudo kelas optional menetapkan gaya kepada input yang tidak mempunyai atribut required, iaitu pseudo kelas ini digunakan untuk input yang tidak wajib.

Sintaks

csspemilih:optional {

}

Contoh

Mari tetapkan latar belakang kelabu kepada input yang tidak wajib:

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

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

Результат:

Lihat juga

pseudo kelas :default,
yang menetapkan gaya kepada elemen secara lalai
pseudo kelas :indeterminate,
yang menetapkan gaya kepada suis yang berada dalam keadaan tidak tentu
pseudo kelas :placeholder-shown,
yang menetapkan gaya kepada elemen apabila teks petunjuk dipaparkan
pseudo kelas :read-only,
yang menetapkan gaya kepada input yang tidak boleh diubah
pseudo kelas :required,
yang menetapkan gaya kepada input yang mempunyai atribut required
pseudo kelas :focus-within,
yang menetapkan gaya kepada elemen dalam fokus
property caret-color,
yang menetapkan warna kursor teks dalam input