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/