Html 如何在不使用图像的情况下使用css设置勾号复选框的样式？

有没有办法只使用HTML和CSS3而不使用图像来设置勾号复选框的样式，如在Google的登录页面中？

您可以通过使用HTML、CSS和jQuery的组合来实现这一点。请参阅我在这里快速编写的代码，以从

只需确保嵌套

-或-

让我知道你的情况。
这篇文章很旧，但我建议：

将标签与复选框关联，如下所示：

<input type="checkbox" value="1" id="c1" />
<label class="check" for="c1"></label>

根据需要设置标签的样式。我创建了一个简单的JSFIDLE，它充分演示了如何使用personnalise复选框

这座桥很漂亮吗。我对这个问题的理解是，他特别想设计一个没有图像的html输入/复选框控件，这是不可能的。但这是一个非常整洁的输入替换。我很感激。事实上，我过去一直在为复选框寻找一个完全可样式化的解决方案，这就是我想到的。我相信有几件事可以改进，但无论如何，我希望它能为那些需要设计复选框的人服务！
<input type="checkbox" value="1" id="c1" />
<label class="check" for="c1"></label>

.checkboxes input[type=checkbox]{
    display:none
}