스크롤 DIV 내에서 체크박스 배경색이 변경되지 않는 이유는 무엇입니까?

포함된 확인란에 배경색을 적용하려고 할 때 CSS "배경색" 속성이 작동하지 않습니다. 스크롤하는

내에서 사용자는 "배경색" 속성이 효과가 없는 것처럼 보이는 문제에 직면할 수 있습니다. 역설적이게도 "margin-top"과 같은 다른 CSS 속성은 예상대로 작동합니다.

이러한 불일치는 기본적으로 확인란에 배경색을 표시하는 기능이 부족하기 때문에 발생합니다. 원하는 효과를 얻으려면 각 확인란을

원하는 배경색을 가지고 있습니다.

수정된 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>
<p>각 체크박스를 </p>
<div> 적절한 배경색을 사용하면 배경색에 대한 확인란의 본질적인 제한을 우회하여 원하는 시각적 효과를 얻을 수 있습니다.</div>
</div>

위 내용은 스크롤 DIV 내에서 체크박스 배경색이 변경되지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!