Pseudo-class :default CSS

Definisi dan penggunaan

CSS :default Pseudo-class digunakan untuk memilih elemen formulir yang lalai dalam sekelompok elemen yang berkaitan.

Pseudo-class ini boleh digunakan untuk elemen <button>, <input type="checkbox">, <input type="radio"> dan <option>.

Contoh

Contoh 1

Tambahkan bayangan merah ke elemen input lalai:

input:default {
  bayangan: 0 0 2px 2px merah;
}

Coba sendiri

Contoh 2

Tetapkan gaya lalai yang berbeza untuk tombol pilihan, kotak centang dan pilihan:

input[type=radio]:default {
  bayangan: 0 0 5px 3px biru;
}
input[type=checkbox]:default {
  bayangan: 0 0 5px 3px maroon;
}
option:default {
  warna: biru;
  background-color: merah jambu;
}

Coba sendiri

CSS 语法

:default {
  pengumuman css;
}

Perincian teknologi

Penggunaan browser

Teks di dalam tabel menentukan versi penuh penggunaan pseudo-class pertama pengguna browser.