Mengapa `warna latar belakang' Tidak Berfungsi pada Kotak Pilihan dalam Div Boleh Tatal dan Bagaimana Saya Boleh Membetulkannya?-tutorial css-php.cn

Mengapa `warna latar belakang' Tidak Berfungsi pada Kotak Pilihan dalam Div Boleh Tatal dan Bagaimana Saya Boleh Membetulkannya?

Barbara Streisand

Lepaskan： 2024-12-09 10:35:08

asal

574 orang telah melayarinya

Why Doesn't `background-color` Work on Checkboxes in a Scrollable Div, and How Can I Fix It?

Kotak Semak Atribut Warna Latar Belakang Teka-teki dalam CSS

Isu timbul apabila menggunakan atribut 'warna latar belakang' pada kotak pilihan dalam '< boleh tatal ;div>'. Walaupun mempunyai atribut 'margin-top' tertentu yang berfungsi secara normal, atribut 'background-color' tetap tidak berkesan.

Keingintahuan berpunca daripada bagaimana satu atribut boleh berfungsi manakala yang lain gagal, terutamanya apabila '< div>' tidak mentakrifkan sebarang atribut warna latar belakang yang bercanggah.

Punca dan Penyelesaian

Punca masalah terletak pada sifat kotak pilihan. Kotak semak, secara lalai, tidak mempunyai keupayaan yang wujud untuk memaparkan warna latar belakang. Untuk mencapai kesan warna yang diingini, seseorang boleh membalut setiap kotak semak dengan '

' yang membawa warna yang dimaksudkan.

Struktur HTML yang disemak:

<div class="evenRow">
  <input type="checkbox" />
</div>
<div class="oddRow">
  <input type="checkbox" />
</div>
<div class="evenRow">
  <input type="checkbox" />
</div>
<div class="oddRow">
  <input type="checkbox" />
</div>

Salin selepas log masuk

Dengan merangkum setiap kotak pilihan dalam '

' berwarna, ia menjadi mungkin untuk memohon warna latar belakang kepada mereka secara tidak langsung. Teknik ini secara berkesan meniru kefungsian atribut 'warna latar belakang' untuk kotak pilihan.

Atas ialah kandungan terperinci Mengapa `warna latar belakang' Tidak Berfungsi pada Kotak Pilihan dalam Div Boleh Tatal dan Bagaimana Saya Boleh Membetulkannya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber：php.cn

Artikel sebelumnya：Bagaimanakah saya boleh menggunakan huruf besar hanya pada huruf pertama teks menggunakan CSS? Artikel seterusnya：Bagaimanakah saya boleh menggunakan huruf besar pada Huruf Pertama Rentetan Menggunakan CSS?

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

2486

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

2630

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

2224

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