输入类型=“无线电”和隐藏的单选按钮 - 铬中的问题？

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> 

和使用您的标签直接的背景属性，而不是使用：前伪类。然后添加一些文字或指定宽度以显示您的背景。