有没有办法用纯css设置复选框或单选按钮的样式，即没有jQuery的class =“newstyle”？我一直在网上搜索，我想知道是否有办法实现这一点只有class =“”属性。这是一个例子：http://www.filamentgroup.com/examples/customInput/
编辑：我目前实现这一目标的方式：
<div class="styled-checkbox">
<input type="checkbox" id="checkbox1" value="1" />
<label for="checkbox1"><span></span>Test</label>
</div>
但是，不确定这是否是实现此目的的正确方法 兼容性视角，此外，div需要预先设置 默认宽度，如果是auto，它将填充DOM。
答案 0 :(得分：0)
只使用一个类就可以达到预期的效果，但是说你设置复选框的样式是错误的，因为它无法通过CSS直接设置样式。这是因为组件由操作系统控制，而不是由浏览器本身控制。
方法是使用一组普通元素来模拟复选框外观。
在您提供的链接的具体示例中，该复选框已完全隐藏，因为它通过z-index保留在其标签后面，其背景包含复选框图形的改进版本。结合使用id \ for属性对作为复选框和标签的事实，当您单击标签（显示复选框的图像）时，复选框将更改它的选中状态/未经检查的状态。