如何给单选按钮添加样式？

Question

我找不到任何关于如何像我在这里的示例中一样为单选按钮设置样式的说明：http://jsfiddle.net/Q5SRe/

这个div：

div { 
    width:50px;
    height:50px;
    background-color:green
}

此外，当单选按钮被选择时，我希望它具有以下功能：

border: medium solid #000;

- Em Sta

Answer 1

单选按钮是Shadow DOM的一部分，目前尚无法在所有浏览器上进行通用样式设置。

目前获取自定义单选按钮的最佳方法是使用图像或复选框hack。

- jamesplease

---

这不是问题的适当解决方案。根据W3C，输入不是具有开始和结束标记的元素，因此不能使用:after和:before伪元素。更好的解决方案是为该输入创建标签，并在那里使用伪元素。 - Ernedar

Answer 2

我以前使用过this，但它不跨浏览器兼容，我建议你保持简单，不过这取决于你的个人选择和使用情况。

- tim.baker