Pseudo-kelas :required CSS

Definisi dan penggunaan

CSS :diperlukan Pseudo-kelas digunakan untuk memilih dan atur gaya elemen formulir yang wajib diisi (hanya untuk <input><select> dan <textarea>)。

Elemen formulir yang memiliki atribut required didefinisikan sebagai wajib diisi.

Panduan:Penggunaan :opsional Pseudo-kelas untuk memilih dan atur gaya elemen formulir yang boleh dipilih.

Contoh

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

input:opsional {
  background-color: hijau muda;
}
input:diperlukan {
  background-color: merah muda;
  border-color: merah;
}

Coba sendiri

Syarat CSS

:diperlukan {
  deklarasi css;
}

Detil teknis

Versi: CSS3

Dukungan browser

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

Chrome Edge Firefox Safari Opera
10 10 4 5 10

Halaman terkait

Referensi:Pseudo-kelas :optional CSS