체크박스 / 라디오 배경 변경, 꾸미기

input[type=checkbox] { display:none; }

input[type=checkbox] + label { 

display: inline-block; 

cursor: pointer; 

line-height: 22px; 

padding-left: 22px; 

background: url('/img/check_off.png') left/22px no-repeat; 

}

input[type=checkbox]:checked + label { background-image: url('/img/check_on.png'); }

<input type="checkbox" id="box1"><label for="box1"></label>

<input type="checkbox" id="box2"><label for="box2">동의합니다.</label>

<input type="checkbox" id="box3"><label for="box3">동의합니다.</label>