Заголовок в значительной степени объясняет это.У меня есть пара флажков внутри прокручиваемого 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;
}
Заранее спасибо всем, кто может указать мне правильное направление!