Mengapa Saya Tidak Boleh Menukar Warna Latar Belakang Kotak Semak Saya dalam Firefox 29?

Menyelesaikan Masalah Pengubahsuaian Warna Kotak Pilihan

Anda menghadapi kesukaran untuk menukar warna latar belakang kotak pilihan, walaupun mencuba pelbagai gaya CSS. Tingkah laku ini amat membingungkan kerana anda menggunakan Firefox 29, yang terkini. Untuk menangani perkara ini, mari kita siasat CSS dan gelagat penyemak imbas yang mendasari.

Lembaran Gaya CSS

CSS yang anda sediakan termasuk dua peraturan yang cuba menggayakan kotak pilihan:

<code class="css">input[type="checkbox"] {
    background: #990000;
}

.chk {
   background-color: #990000;
}</code>

Peraturan pertama menyasarkan semua kotak pilihan menggunakan pemilih atribut, manakala peraturan kedua menyasarkan elemen dengan kelas "chk." Dalam kedua-dua kes, warna latar belakang ditetapkan kepada #990000.

Gelagat Penyemak Imbas

Firefox, bersama-sama dengan penyemak imbas lain, telah melaksanakan gaya lalai tertentu untuk elemen bentuk seperti kotak pilihan . Gaya lalai ini mungkin mengatasi peraturan CSS anda, menjadikannya sukar untuk menukar rupa kotak pilihan.

Penyelesaian

Untuk menyelesaikan isu ini, anda boleh menggunakan aksen- sifat warna, yang membolehkan anda menentukan warna untuk pelbagai elemen bentuk, termasuk kotak pilihan. Berikut ialah contoh CSS yang dikemas kini:

<code class="css">#cb1 {
  accent-color: #9b59b6;
}

#cb2 {
  accent-color: #34495e;
}

#cb3 {
  accent-color: #e74c3c;
}</code>

Dalam contoh ini, elemen kotak pilihan diberikan warna aksen yang berbeza menggunakan atribut ID #cb. Ini sepatutnya mengatasi gaya penyemak imbas lalai dan membolehkan anda menukar warna kotak pilihan seperti yang dikehendaki.

Atas ialah kandungan terperinci Mengapa Saya Tidak Boleh Menukar Warna Latar Belakang Kotak Semak Saya dalam Firefox 29?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!