删除 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;
}