小编典典

如何删除 Firefox 在 BUTTONS 和链接上的虚线轮廓?

all

我可以使 Firefox 不在 链接 上显示丑陋的虚线焦点轮廓:

a:focus { 
    outline: none; 
}

但是我怎样才能为<button>标签做到这一点呢?当我这样做时:

button:focus { 
    outline: none; 
}

当我单击它们时,这些按钮仍然具有虚线焦点轮廓。

(是的,我知道这是一个可用性问题,但我想提供我自己的适合设计的焦点提示,而不是丑陋的灰点)


阅读 85

收藏
2022-03-11

共1个答案

小编典典

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

2022-03-11