Pseudo-kelas :default CSS

Definisi dan penggunaan

CSS :default Pseudo-kelas digunakan untuk memilih elemen formulir yang default dalam sekelompok elemen yang relevan.

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

Contoh

Contoh 1

Tambahkan bayangan merah ke elemen input default:

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

Coba sendiri

Contoh 2

Atur gaya default yang berbeda untuk tombol pilihan, kotak centang dan opsi:

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

Syarat CSS

:default {
  pernyataan css;
}

Detil teknis

Dukungan peramban

Angka di tabel menunjukkan versi pertama penggunaan penggunaan pseudo-kelas yang didukung sepenuhnya.