如何设置单选按钮的样式？

Question

我根本找不到如何设置单选按钮的说明，例如我的示例中的div：http://jsfiddle.net/Q5SRe/

div：

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

我也希望当选择单选按钮时，它有：

border: medium solid #000;

Answer 1

单选按钮是Shadow DOM的一部分，但截至目前尚不能跨浏览器进行通用设置。

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

Answer 2

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