offer a simple solution to css DEMO
HTML
<input type="checkbox" id="checkbox-id" /> <label for="checkbox-id">Some label</label>
CSS
input[type="checkbox"] {
position: absolute;
left: -9999px;
}
input[type="checkbox"] + label {
background: url(http://xandeadx.ru/examples/styling-checkbox/checkbox-sprite.gif) 0 0 no-repeat;
padding-left: 20px;
}
input[type="checkbox"]:checked + label {
background-position: 0 -32px;
}
2
solved How To Use Image As A CheckBox in html [duplicate]