如何在html中使用图像作为CheckBox

Question

我参与制作巴士预订网站项目。我需要用座位预订。 那么，我们可以用图像替换复选框吗？如果可能的话，请告诉我。 或者，如果还有其他可能性，请向我提出想法。 Thnku。

Answer 1

为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;
}