为什么'背景颜色”对可滚动 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中文网其他相关文章！