Mengapa Warna Latar Belakang Tidak Digunakan pada Kotak Pilihan dalam Div Boleh Tatal?

Isu Atribut 'warna latar belakang' CSS dengan Kotak Pilihan dalam Div

Walaupun menetapkan atribut 'warna latar belakang' dalam CSS untuk kotak pilihan dalam div boleh tatal, pengubahsuaian warna latar belakang tidak digunakan. Walau bagaimanapun, atribut lain seperti 'margin-top' berfungsi seperti yang diharapkan.

Kod HTML dan CSS yang pengguna berikan adalah sebagai berikut:

HTML:

<div>

CSS:

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

.oddRow {
    margin-top: 5px;
    background-color: #ffffff;
}

.evenRow{
    margin-top: 5px;
    background-color: #9FFF9D;
}

Penjelasan:

Isu timbul kerana kotak pilihan tidak menyokong atribut 'warna latar belakang' secara asli. Untuk mencipta kesan visual yang diingini, anda mesti membalut setiap kotak pilihan dalam elemen div dan tetapkan warna pada div tersebut.

HTML yang disemak:

<div>

CSS yang disemak:

.listContainer {
    /* Same as before */
}

.oddRow, .evenRow {
    /* Remove incorrect background-color */
}

.evenRow {
    background-color: #9FFF9D;
}

.oddRow {
    background-color: #ffffff;
}

Atas ialah kandungan terperinci Mengapa Warna Latar Belakang Tidak Digunakan pada Kotak Pilihan dalam Div Boleh Tatal?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!