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

【问题标题】：Change the border color of the checkbox and radio button [duplicate]更改复选框和单选按钮的边框颜色[重复]
【发布时间】：2013-08-01 20:37:33
【问题描述】：

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

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

请给我建议？

【问题讨论】：

标签： html css

【解决方案1】：

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

【讨论】：

【解决方案2】：

用 div 包裹复选框，然后在其周围放置边框或创建 table 并在 td 周围放置边框

div{
   border: 1px solid red
}

或

td{
   border: 1px solid red
}


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

【讨论】：

【解决方案3】：

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

【讨论】：