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

Question

在我的示例中，我根本找不到任何关于如何设置单选按钮样式的说明:http://jsfiddle.net/Q5SRe/

分区:

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

我也希望当单选按钮被选中时它有:

border: medium solid #000;

Answer 1

单选按钮是 Shadow DOM 的一部分，到目前为止还不能跨浏览器设置通用样式。

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