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

Question

我根本没有找到任何说明如何在我的示例中设置像 div 这样的单选按钮样式：http: //jsfiddle.net/Q5SRe/

分区：

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

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

border: medium solid #000;

Answer 1

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

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

Answer 2

我以前用过这个，它不是跨浏览器兼容的，我建议你让事情变得更简单，但这取决于你的个人选择和用例