更改复选框和单选按钮的边框颜色

Question

如何使用CSS更改复选框和单选按钮（圆形和矩形颜色）的边框颜色？

我尝试了很多但没有得到正确的。

请建议我？

Answer 1

根本不可能。但是，有一种解决方法，使实际的复选框不可见，并将样式标签用作叠加层。看起来很好，工作正常。

更多相关信息：http://css-tricks.com/the-checkbox-hack/

Answer 2

使用div包装复选框，然后在其周围添加边框或创建table并在td附近放置边框

div{
   border: 1px solid red
}

或

td{
   border: 1px solid red
}


<div>
   <input type="checkbox"/>
</div>

Answer 3

您可以制作自定义单选按钮。 您可以使用js来显示或隐藏图像。图像看起来像设计复选框，原始复选框应隐藏。 更改图像点击复选框的值。