새 제목: 체크박스 체크 표시 색상 수정

Question

체크박스의 배경색을 변경하는 기능을 구현했는데 체크 표시가 검은색이 되어 원하지 않습니다. 마커를 흰색으로 유지하고 싶은데 어떻게 해야 합니까?

HTML:-

으아아아

이 기능은 다음과 같습니다:-

으아아아

다음은 출력입니다:- 배경이 성공적으로 변경되었지만 눈금 표시가 검은색으로 변경되었습니다

Answer 1

vue 사용의 장점은 맞춤형 구성 요소를 구축할 수 있다는 것입니다. 따라서 아래 표시된 방법을 시도해 볼 수 있습니다.

작업중StackBlitz

특정 요구 사항에 맞게 코드를 조정해야 할 수도 있습니다.

으아아아

중요

index.html 헤더에 다음을 추가하세요

으아아아

Answer 2

기본 HTML 체크박스 눈금 색상은 브라우저에 의해 결정되며 변경할 수 없습니다. 하지만 나만의 맞춤 체크박스를 만들고 원하는 대로 스타일을 지정할 수 있습니다.

HTML

으아악

CSS

으아악

JSFiddle