輸入類型=「無線電」和隱藏的單選按鈕 - 鉻中的問題？

Question

我有這樣的HTML：

<input type="radio"> 
<span class="label"> 
    <label id="options_34537_2label" for="options_34537_2"> 
</label> 
</span> 

現在我也有一些CSS，隱藏的單選按鈕本身和我的標籤前面提出的圖像。

input[type="radio"] { 
    display: none; 
} 

label:before { 
    background: url("someimage.jpg") no-repeat scroll 0 0 transparent; 
} 

在IE和FF中，我可以點擊圖片選擇選項，在Chrome中點擊根本不起作用。任何想法如何解決這個問題？

謝謝！

Answer 1

你應該把<input>內的<label>使其cliquable：

<label><input type="radio"></label> 

和使用您的標籤直接的背景屬性，而不是使用：前僞類。然後添加一些文字或指定寬度以顯示您的背景。