css - CSS：删除Firefox中的虚线

Question

我想更改单选按钮的轮廓。

为此，我应用了这个 css：

input[type="radio"] { outline: 1px solid #83D2FF; }

它在 IE 中运行良好（一次 :)）但在 Firefox 中，我有我的蓝色轮廓和虚线。

我尝试了很多方法来删除它：

input[type="radio"]:-moz-focusring {outline:none;}

但是没有任何效果，我已经有了这条虚线。

我怎样才能删除它？

Answer 1

Try with that. Wild CSS warning!

radio[focused="true"] > .radio-label-box {
   border: 1px dotted transparent !important;
}