스크롤 가능한 Div의 확인란에서 '배경색'이 작동하지 않는 이유는 무엇이며 어떻게 해결할 수 있나요?
- Barbara Streisand원래의
- 2024-12-09 10:35:08538검색
CSS의 체크박스 배경색 속성 수수께끼
스크롤 가능한 '<' 내 체크박스에 '배경색' 속성을 사용할 때 문제가 발생합니다. ;div>'. 정상적으로 작동하는 지정된 'margin-top' 속성이 있음에도 불구하고 'Background-color' 속성은 여전히 유효하지 않습니다.
특히 '< div>' 는 충돌하는 배경색 속성을 정의하지 않습니다.
원인 및 해결 방법
문제의 근본 원인은 체크박스의 특성에 있습니다. 기본적으로 확인란에는 배경색을 표시하는 기능이 없습니다. 원하는 색상 효과를 얻으려면 각 확인란을 '
'로 묶을 수 있습니다.
개정된 HTML 구조:
<div class="evenRow"> <input type="checkbox" /> </div> <div class="oddRow"> <input type="checkbox" /> </div> <div class="evenRow"> <input type="checkbox" /> </div> <div class="oddRow"> <input type="checkbox" /> </div>
색상이 지정된 '
' 내에 각 확인란을 캡슐화하면 적용이 가능해집니다. 배경색을 간접적으로 지정합니다. 이 기술은 체크박스에 대한 '배경색' 속성의 기능을 효과적으로 에뮬레이션합니다.
위 내용은 스크롤 가능한 Div의 확인란에서 '배경색'이 작동하지 않는 이유는 무엇이며 어떻게 해결할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
html define for while checkbox using Attribute function default this display margin background issue Other
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.