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

Question

I simply don't find any instructions how to style a radio button like the div in my example here: http://jsfiddle.net/Q5SRe/

The div:

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

also I would like that when the radio button is selected it has:

border: medium solid #000;

Answer 1

Radio buttons are part of the Shadow DOM , which as of yet can't be universally styled across browsers.

The best way currently to get custom radio buttons is to use images or the checkbox hack .

Answer 2

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