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

Question

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

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

请给我建议？

Answer 1

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

更多信息在这里：http ://css-tricks.com/the-checkbox-hack/

Answer 2

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

Answer 3

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

div{
   border: 1px solid red
}

或者

td{
   border: 1px solid red
}


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