Jquery 使用CSS自定义收音机和复选框

是否有一种方法可以使用自定义图像设置单选按钮和复选框的样式。仅仅使用CSS

有人能告诉我怎么做吗

---

还有哪些是jquery最好的插件呢？

jquery UI有一些非常好且易于实现的选项：

---

不确定您是否能够使用纯CSS实现这一点，但这种方式是使用javascript的最佳方式：

---

检查

您可以使用纯css3，使用伪类

：检查

。受此启发，我得到了以下解决方案：

特点：

• 只有css
• 不需要

  id

  属性
• 不需要z索引

在JSFIDLE上试用：

HTML:

一些解释：

需要元素

i

来添加伪元素

：在图标作为内容的

之前

input

元素是空标记，不能有像

：before

和

：after

这样的伪元素，因此我们需要一个额外的元素。您也可以使用

span

或

div

，但

i

较短

触发

输入时需要
标签
。如果使用
标签
元素包装
输入
，则关联属性不需要
id
和

“\2718”和“\2713”是“选票X”和“复选标记”的UTF8字符代码

除了
内容
之外，您还可以设置
背景图像
或任何您喜欢的内容

它适用于所有现代浏览器和ie9+。
从Bootstrap的创建者处签出。它有很好的复选框和收音机风格
 读这篇文章：它应该让你开始。
<label>
    <input type="radio" name="rg"/><i></i>
    option 1
</label>
<label>
    <input type="radio" checked name="rg"/><i></i>
    option 2
</label>
<label>
    <input type="radio" name="rg"/><i></i>
    option 3
</label>

input[type="radio"] {
    display:none;
}
input[type="radio"] + i:before {
    content:'\2718';
    color:red;
}
input[type="radio"]:checked + i:before {
    content:'\2713';
    color:green;
}