如何删除Firefox在按钮和链接上的虚线轮廓？

小编典典

css

我可以使Firefox在此链接上不显示点状的丑陋焦点：

a:focus { 
    outline: none; 
}

但是，我也该如何对<button>标签执行此操作？当我这样做时：

button:focus { 
    outline: none; 
}

单击这些按钮时，它们的焦点轮廓仍为虚线。

（是的，我知道这是一个可用性问题，但是我想提供适合于设计的自己的焦点提示，而不是难看的灰色点）

阅读 209

2020-05-16

共1个答案

小编典典

button::-moz-focus-inner {
  border: 0;
}

2020-05-16