CSS :optional pseudo-class

Definisi dan penggunaan

CSS :optional Pseudo-class digunakan untuk memilih dan atur gaya elemen formulir yang dapat dipilih (hanya untuk <input>、<select> dan <textarea>）。

Elemen formulir tanpa atribut required didefinisikan sebagai pilihan.

Petunjuk：Gunakan :required Pseudo-class untuk memilih dan atur gaya elemen formulir yang harus diisi.

Contoh

Pilih dan atur gaya untuk semua elemen <input> yang tidak memiliki atribut required. Sebagai contoh, atur gaya untuk semua elemen <input> yang memiliki atribut required:

input:optional {
  background-color: hijau terang;
}
input:required {
  background-color: merah muda;
  border-color: merah;
}

Coba sendiri

CSS grammar

:optional {
  pernyataan css;
}

Detil teknis

Versi： CSS3

Dukungan browser

Angka di tabel menunjukkan versi browser pertama yang mendukung pseudo-class ini sepenuhnya.

Chrome Edge Firefox Safari Opera
10 10 4 5 10

Halaman yang berhubungan

Referensi：CSS :required pseudo-class