為什麼「背景顏色」對可捲動 Div 內的複選框不起作用？

CSS“background-color”屬性不適用於

查詢中突出顯示的問題是無法“background-color”屬性會影響可捲動div 中包含的複選框。雖然「margin-top」等屬性按預期發揮作用，但「background-color」仍然無效。

要理解此行為，請務必注意複選框從其父元素繼承其背景顏色。預設情況下，複選框的基本背景顏色取決於瀏覽器的樣式。因此，不可能直接設定複選框本身的背景顏色。

為了提供所需的效果，可以採取另一種方法，將每個複選框包裝在擁有所需背景顏色的 div 元素中。這樣，div 元素將保留複選框並充當設定背景顏色的代理。例如：

<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>

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

.oddRow {
    background-color: #ffffff;
}

以上是為什麼「背景顏色」對可捲動 Div 內的複選框不起作用？的詳細內容。更多資訊請關注PHP中文網其他相關文章！