Скрытая кнопка радио, но коробка вокруг него в 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

Я не могу выбрать отображение свойства: нет; как и в браузерах IE, он отключает переключатели, поэтому мне нужно его скрыть.

Как я могу скрыть эту пунктирную рамку в ie8?

Спасибо.

С уважением,

Шишант Тоди.

Answer 1

Есть ли причина, по которой вы не используете ?

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, когда эти входные данные обрабатывались так же, как текстовые входные данные. Я просто определил новый класс в таблице стилей и установил границу нулевого пикселя.