Html 输入选项（单选和复选框）有带图标的按钮

是否有任何库可用于转换选项或radion输入，并具有带图标的可选择按钮？上面的示例说明了要寻找的样式类型。

---

我不确定stackoverflow是否适合问这些问题，但这些问题对您很有用：

 1. <http://codepen.io/DavidBradbury/pen/HuCqx>

---

您不需要库来完成这项工作

HTML:

---

你可以自己做，这很容易，改变背景图片

<label class="check">
    <input type="checkbox">
    <span>Value</span>
</label>

现场演示JSFIDLE-

使用此工具：

input[type="radio"] {
    display: none;
}

label {
    //......button layout
}

<label class="check">
    <input type="checkbox">
    <span>Value</span>
</label>

.check {
    position: relative;
    padding-left: 40px;
}

.check input {
    opacity: 0;
    transform: scale(0);
}

.check span:before {
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 0;
    background:#000;
}

.check input:checked + span:before {
    background: red;
}