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

Em *_*Sta 4 html css css3

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

div:

div { 
    width:50px;
    height:50px;
    background-color:green
}
Run Code Online (Sandbox Code Playgroud)

我也希望当选择单选按钮时它具有:

border: medium solid #000;
Run Code Online (Sandbox Code Playgroud)

jam*_*ase 7

单选按钮是Shadow DOM的一部分,截至目前,它还无法跨浏览器进行通用设置.

目前获得自定义单选按钮的最佳方法是使用图像或复选框黑客.