CSS：删除firefox中的虚线

Question

我想改变单选按钮上的轮廓。

为此，我应用此css：

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

它在IE中工作正常（一次:)）但在Firefox中，我有蓝色轮廓和虚线。

我尝试了很多东西来删除它：

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

但没有任何作用，我已经有了这条虚线。

如何删除它？

Answer 1

试试吧。 Wild CSS警告！

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