Pseudo-kelas :invalid CSS

Definisi dan penggunaan

CSS :invalid Pseudo-kelas digunakan untuk menata gaya elemen formulir yang tidak valid.

Perhatian:Pseudo-kelas ini hanya berlaku untuk elemen formulir yang membatasi, seperti elemen input yang memiliki atribut min dan max, field email yang tidak memiliki alamat email yang sah, atau field angka yang tidak memiliki nilai, dll.

Perhatian:Jika salah satu tombol pilihan di grup tombol pilihan adalah wajib diisi, maka pseudo-kelas ini akan diterapkan ke semua tombol pilihan jika tidak ada tombol pilihan yang dipilih di dalam grup.

Petunjuk:Gunakan :valid Pseudo-kelas menata gaya elemen formulir yang berlaku.

Contoh

Atur gaya untuk elemen <fieldset> dan <input> yang tidak valid:

fieldset:invalid {
  border: 2px solid red;
  background-color: beige;
}
input:invalid {
  border: 2px solid red;
  background-color: beige;
}

Coba sendiri

CSS Syntax

:invalid {
  pernyataan css;
}

Detil teknis

Dukungan browser

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

Halaman terkait

Rujukan：Pencarian :valid CSS