스크롤 가능한 Div의 확인란에서 '배경색'이 작동하지 않는 이유는 무엇이며 어떻게 해결할 수 있나요?

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

더보기

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)

3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌

R.E.P.O. 최고의 그래픽 설정

3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌

어 ass 신 크리드 그림자 : 조개 수수께끼 솔루션

2 몇 주 전 By DDD

R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법

3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌

WWE 2K25 : Myrise에서 모든 것을 잠금 해제하는 방법

4 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌

더보기

뜨거운 도구

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

더보기

뜨거운 주제

Gmail 이메일의 로그인 입구는 어디에 있나요?

7476

15

Cakephp 튜토리얼

1377

52

Steam의 계정 이름 형식은 무엇입니까?

77

11

Win11 활성화 키 영구

49

19

NYT 연결 힌트와 답변

19

31

더보기