ie8中隐藏的单选按钮，但它周围有框

Question

我的单选按钮带有背景图像，基本上我所做的就是

<input type="radio" id="btn" name="btn" style="opacity: 0;filter: alpha(opacity = 0);position:absolute;">
<label for="btn">My Text</label> <!--- added styles to it --->

用这个我得到像这样的输出

Image1 that shows how the display should be: http://i39.tinypic.com/2vcyidg.png

除了ie8之外，它在每个浏览器中都能正常工作，在ie8中，当选择标签时，它会在隐藏按钮周围显示一个虚线框

Image2 shows the problems in ie8: http://i39.tinypic.com/j8l635.png

我无法选择属性display：none;就像在IE浏览器中一样，它会禁用单选按钮，所以我必须隐藏它。

如何隐藏ie8中的虚线框？

谢谢。

此致

Shishant Todi。

Answer 1

你有没有理由不使用＆lt; input type =“hidden”/＆gt;？

Answer 2

如果你可以使用javascript：

<input onfocus="this.blur()" type="radio" id="btn" name="btn" style="opacity: 0;filter: alpha(opacity = 0);position:absolute;" />

Answer 3

我有一个类似的问题，我的单选按钮和复选框显示边框，但只在IE中。就我而言，这是一个CSS问题，其中这些输入被视为与文本输入相同。我只是在样式表中定义了一个新类，并指定了一个零px的边框。