是否可以将图像放入输入类型=“复选框”？

Question

我想在我的html代码中的复选框和单选框的背景上放置一个图像，但是它不起作用，但是可以在其他表单属性上起作用。

Answer 1

我找到了如何使用纯CSS 将图像提供给 复选框 和 单选 按钮的方法。

HTML

<input type='checkbox' name='thing' value='valuable' id="thing"/><label for="thing"></label>

CSS

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

input[type=checkbox] + label {
    background: #999;
    height: 16px;
    width: 16px;
    display:inline-block;
    padding: 0 0 0 0px;
}

input[type=checkbox]:checked + label {
    background: #0080FF;
    height: 16px;
    width: 16px;
    display:inline-block;
    padding: 0 0 0 0px;
}