删除Firefox中单选按钮周围的虚线

Question

有一些帖子建议以下修复方法来删除单选按钮周围的虚线，如下所示：

 1)   input[type=radio]
  {
 &:focus
  {
-moz-appearance: none !important;
-moz-border-bottom-colors: transparent !important;
-moz-border-left-colors: transparent !important;
-moz-border-right-colors: transparent !important;
-moz-border-top-colors: transparent !important;
  }
  }

  2) input[type=radio]:-moz-focursing
   {
    outline : none;
     }

但是上面的两个修复对我不起作用。是否有任何其他的 css 要编写来删除 Firefox 中单选按钮周围不需要的边框。

提前致谢， 巴拉吉。

Answer 1

试试这个

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

或

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