찾다

집 >웹 프론트엔드 >CSS 튜토리얼 >스크롤 DIV 내에서 체크박스 배경색이 변경되지 않는 이유는 무엇입니까?

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

Barbara Streisand
Barbara Streisand원래의
2024-11-29 17:22:11262검색

Why Isn't My Checkbox Background Color Changing Inside a Scrolling 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>

각 체크박스를

적절한 배경색을 사용하면 배경색에 대한 확인란의 본질적인 제한을 우회하여 원하는 시각적 효과를 얻을 수 있습니다.

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

css html checkbox Attribute function this display margin background issue Other
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사：\'i\' 플래그는 CSS에서 대소문자를 구분하지 않는 속성 일치를 어떻게 활성화합니까?다음 기사：\'i\' 플래그는 CSS에서 대소문자를 구분하지 않는 속성 일치를 어떻게 활성화합니까?

관련 기사

더보기