Атрибут CSS «Фон-цвет» не работает на флажок внутри

Направляя в целом объясняет его. У меня есть пара флажков внутри прокрутки Div. Но по некоторым причинам атрибут «Фон-цвет» не работает. Хотя «Маржина - топ», кажется, работает ...

просто озадачивает меня, как один атрибут может работать, а другой нет. Это тоже не как 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;
        }

заранее Для всех, кто может указать мне в правильном направлении!