为什么我的复选框背景颜色在滚动 DIV 内没有改变？

CSS“背景颜色”属性不适用于 <div> 内的复选框

尝试将背景颜色应用于包含的复选框时在滚动的

<div> 中，用户可能会遇到“背景颜色”属性似乎不起作用的问题。矛盾的是，其他 CSS 属性（如“margin-top”）按预期运行。

出现这种差异是因为复选框本身缺乏显示背景颜色的能力。为了达到所需的效果，请将每个复选框包含在

<div> 中。拥有所需的背景颜色。

修订的 CSS 示例：

.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;
}

修订的 HTML 示例：

<div>

通过将每个复选框包装在

<div> 中使用适当的背景颜色，可以实现所需的视觉效果，绕过背景颜色复选框的固有限制。