这比你想象的要简单得多。当按钮被聚焦时，应用outline属性，如下所示:

button:focus {
    outline: 0 !important;
}

但是当我使用none值时，它对我不起作用。

这个方法对我很管用

button:focus {
    border: none;
    outline: none;
}

正如许多人提到的，selector:focus {outline: none;}将删除该边框，但该边框是一个关键的可访问性特性，允许键盘用户找到按钮，不应该被删除。

由于您关心的似乎是一个美学问题，您应该知道您可以更改轮廓的颜色、样式和宽度，使其更适合您的网站样式。

selector:focus {
  outline-width: 1px;
  outline-style: dashed;
  outline-color: red;
}

速记:

selector:focus {
  outline: 1px dashed red;
}

在使用键盘时，另一种恢复轮廓的方法是使用:focus-visible。但是，这在IE:https://caniuse.com/?search=focus-visible上不起作用。

这比你想象的要简单得多。当按钮被聚焦时，应用outline属性，如下所示:

button:focus {
    outline: 0 !important;
}

但是当我使用none值时，它对我不起作用。

删除大纲是可访问性的噩梦。使用键盘的人永远不知道他们在敲什么。

最好离开它，因为大多数点击按钮会把你带到某个地方，或者如果你必须删除轮廓，然后把它隔离为一个特定的类名。

.no-outline {
  outline: none;
}

然后，您可以在需要时应用该类。