CSS : Pemilih tidak valid
Contoh
Pilih dan gaya hanya jika nilai elemen <input> tidak valid:
input:invalid
{
border: 2px solid red;
}
Definisi dan Penggunaan
Pemilih :invalid
memilih elemen formulir dengan nilai yang tidak divalidasi sesuai dengan pengaturan elemen.
Catatan: Pemilih :invalid hanya berfungsi untuk elemen formulir dengan batasan, seperti elemen input dengan atribut min dan max, kolom email tanpa email resmi, atau kolom angka tanpa nilai numerik, dll.
Tip: Gunakan pemilih :valid untuk memilih elemen formulir dengan nilai yang divalidasi sesuai dengan pengaturan elemen.
Versi: kapan: | CSS3 |
---|
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung pemilih.
Selector | |||||
---|---|---|---|---|---|
:invalid | 10.0 | 10.0 | 4.0 | 5.0 | 10.0 |
Sintaks CSS
:invalid {
css declarations;
}
Halaman Terkait
Pemilih CSS : valid