[Solved] How To Use Image As A CheckBox in html [duplicate]


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]