我想在我的html代码中的复选框和单选框的背景上放置一个图像,但是它不起作用,但是可以在其他表单属性上起作用。
我找到了如何使用纯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; }