Mengapa Warna Latar Belakang Kotak Semak Saya Tidak Berubah Di Dalam DIV Tatal?-tutorial css-php.cn

Why Isn't My Checkbox Background Color Changing Inside a Scrolling DIV?

Atribut "warna latar belakang" CSS Tidak Berfungsi pada Kotak Pilihan dalam

Apabila cuba menggunakan warna latar belakang pada kotak pilihan yang terkandung dalam tatal

, pengguna mungkin menghadapi isu di mana atribut "warna latar belakang" nampaknya tidak mempunyai kesan. Secara paradoks, atribut CSS lain seperti fungsi "margin-top" seperti yang dijangkakan.

Percanggahan ini timbul kerana kotak pilihan secara asalnya tidak mempunyai keupayaan untuk memaparkan warna latar belakang. Untuk mencapai kesan yang diingini, bungkus setiap kotak pilihan dalam

yang mempunyai warna latar belakang yang diingini.

Contoh CSS yang disemak:

.listContainer {
  border: 2px solid #CCC;
  width: 340px;
  height: 225px;
  overflow-y: scroll;
  margin-top: 20px;
  padding-left: 10px;
}

.oddRow,
.evenRow {
  margin-top: 5px;
}

.oddRow {
  border: 1px solid #333;
  background-color: #FFFFFF;
}

.evenRow {
  border: 1px solid #333;
  background-color: #9FFF9D;
}

Salin selepas log masuk

Contoh HTML yang disemak:

<div>

Salin selepas log masuk

Dengan membungkus setiap kotak pilihan dalam

dengan warna latar belakang yang sesuai, kesan visual yang diingini boleh dicapai, memintas had sedia ada kotak pilihan mengenai warna latar belakang.

Atas ialah kandungan terperinci Mengapa Warna Latar Belakang Kotak Semak Saya Tidak Berubah Di Dalam DIV Tatal?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Artikel sebelumnya：Bagaimanakah Bendera \'i\' Mendayakan Pemadanan Atribut Tidak Peka Huruf dalam CSS? Artikel seterusnya：Mengapa Susun Atur Grid CSS Saya Pecah?

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang

Isu terkini

function_exists() tidak boleh menentukan fungsi tersuai Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...

daripada 2024-04-29 11:01:01

2855

Bagaimana untuk memaparkan versi mudah alih Google Chrome Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?

daripada 2024-04-23 00:22:19

2989

Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas. Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.

daripada 2024-04-19 15:37:47

2489

Tiada output dalam tetingkap induk document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...