[css] 체크박스 스타일 커스텀

[css] input 박스 스타일 커스텀

 

체크 박스 스타일 커스텀

체크 전

input[type="checkbox"].클래스명 {
    appearance: none;
    width: 넓이 값;
    height: 높이 값;
    background-image: url("이미지 주소");
}

 

체크 후

input[type="checkbox"].클래스명:checked {
    background-image: url("이미지 주소");
}