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

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> 置于<{1}}内以使其成为cliquable：

<label>

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