css radiobox隐藏内圈来改变风格

Question

我怎样才能隐藏无线电框的内圈来改变风格的角度。请看下面的图片。

CSS：

input[type="radio"] 
{ 
    width: 166px; 
    height: 32px; 
    position:relative; 
    vertical-align: middle; 
} 

input[type="radio"]:checked 
{ 
    background-position: -36px -232px; 
} 

Answer 1

您不能隐藏只是按钮，所以你要隐藏整个元素。您可以将<input>和另一个元素（如<span>）包装在标签中，隐藏输入并将所有样式应用于<span>（或使用<label>和相应的for/id组合）。

http://jsfiddle.net/fapYX/