:hover 사용하여 checkbox 색상 변경하는 법

[임수정]

마우스를 올려두었을 때 checkbox와 글씨 모두 초록색으로 나오게 만들려고 하는데 글씨만 적용이 되고 checkbox는 적용이 되지 않습니다




클래스를 지정해보았는데도 체크박스에는 아무런 변화가 없습니다



뭐가 잘못된 것일까요...?

[codingapple]

outline: 1px solid green 같은거 줘봅시다

[임수정]

input[type=checkbox]:hover {
outline: 1px solid green;
}

체크박스가 아니라 바깥에 라인이 생기는데 혹시 체크박스 자체 색을 변경하는 방법도 있을까요? 

이런 식으로 만들려고 합니다. 

구글 검색해서 코드 수정해도 소용이 없는데 보통 체크박스 색을 변경하고 싶으면 어떤 방법을 사용해야 하는 걸까요?ㅠㅠ

[codingapple]

https://stackoverflow.com/a/57567924
이런거처럼 네모 없애고 다시 직접 만드는식으로 하는듯요

[임수정]

감사합니다 꼼꼼히 참고하여서 성공하였습니다!

[글쓴이]

글