相关疑难解决方法(0)

标题几乎解释了它.我在可滚动的div中有几个复选框.但由于某些原因,'background-color'属性不起作用.虽然'margin-top'似乎确实有效......

让我困惑的是一个属性如何工作而另一个属性不能工作.它也不像div拥有它自己的一组背景颜色属性,可能会超过复选框属性.

无论如何,下面是我的HTML(由JSP生成):

<div class="listContainer">
    <input type="checkbox" class="oddRow">item1<br/>
    <input type="checkbox" class="evenRow">item2<br/>
    <input type="checkbox" class="oddRow">item3<br/>
    <input type="checkbox" class="evenRow">item4<br/>
    ...
</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;
        }

提前感谢任何可以指引我正确方向的人!