checkbox 디자인변경

//HTML
<div class = "checkboxWrap">
	<input type = "checkbox" id = "check">
    <label for = "check">체크</label>
</div>

 

//기본체크박스없애기
.checkboxWrap input[type = "checkbox"] {display:none;}

//label 속성변경
.ckeckboxWrap input[type = "checkbox"] + label{
	display:inline-block;
	cursor:pointer;
}

//새로운 디자인
.checkboxWrap input[type = "checkbox"]:checked + label{
	background:url(../img/img.jpg) no-repeat center;
	background-size:cover;
}

 

참고) ithub.tistory.com/229

checkbox 디자인 변경하는 방법

참고) www.codingfactory.net/10710

CSS / 체크박스 꾸미는 방법