CSS:删除firefox中的虚线

Question

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

为此，我应用了这个 CSS:

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

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

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

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

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

我怎样才能删除它？

Answer 1

尝试一下。 野生 CSS 警告!

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