Firefox에서 체크박스 색상을 최종적으로 변경하는 방법은 무엇입니까?

체크박스 색상 변경: 계속되는 퍼즐

체크박스 배경 색상의 스타일을 지정하는 것은 역사적으로 어려운 일이었습니다. 스타일 지정 시도에도 불구하고 Firefox 29 사용자는 변함없는 체크박스 색상을 경험했습니다.

Quest for Solutions

개발자는 다음을 포함한 다양한 CSS 규칙을 탐색했습니다.

<code class="css">input[type="checkbox"] {
    background: #990000;    
}

.chk {
   background-color: #990000;
}</code>

그러나 이러한 시도는 헛된 것으로 판명되었습니다.

Brave New World

CSS 속성 Accent-Color가 도입되면서 마침내 확인란 스타일에 대한 브라우저 지원이 확장되었습니다. . 이제 개발자는 원하는 색상을 간단히 할당할 수 있습니다.

<code class="css">#cb1 {
  accent-color: #9b59b6;
}

#cb2 {
  accent-color: #34495e;
}

#cb3 {
  accent-color: #e74c3c;
}

<input id="cb1" type="checkbox" checked />
<input id="cb2" type="checkbox" checked />
<input id="cb3" type="checkbox" checked /></code>

이러한 혁신을 통해 개발자는 체크박스 색상을 손쉽게 맞춤 설정할 수 있어 새로운 차원의 디자인 유연성을 누릴 수 있습니다.

위 내용은 Firefox에서 체크박스 색상을 최종적으로 변경하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!