CSS 큰 체크박스 (이미지 2개)

1 개요[ | ]

how to make a checkbox bigger
CSS 큰 체크박스 만들기

<style>
input[type=checkbox] { display: none; }
input[type=checkbox] + label {
    display: inline-block;
    cursor: pointer;
    line-height: 30px;
    padding-left: 30px;
    background: url('//upload.wikimedia.org/wikipedia/commons/thumb/7/79/Checkbox_0.svg/120px-Checkbox_0.svg.png') left/30px no-repeat ;
}
input[type=checkbox]:checked + label { 
    background-image: url('//upload.wikimedia.org/wikipedia/commons/thumb/a/a2/Checkbox_1.svg/120px-Checkbox_1.svg.png');
}
</style>

<input type="checkbox" id="box1"><label for="box1">&nbsp;</label>
<br><br>
<input type="checkbox" id="box2"><label for="box2">&nbsp;동의합니다.</label>
<br><br>
<input type="checkbox" id="box3"><label for="box3">&nbsp;동의합니다.</label>

2 같이 보기[ | ]

3 참고[ | ]

http://stackoverflow.com/questions/7213728/how-can-i-make-a-checkbox-bigger