如何在单击时移除按钮周围的焦点

单击按钮后，我的按钮周围都会突出显示。这是在 Chrome 中。

<button class="btn btn-primary btn-block">
    <span class="icon-plus"></span> Add Page
</button>

我正在使用带有主题的 Bootstrap，但我很确定不是这样：我之前在另一个项目中注意到了这一点。

如果我使用的话它就会消失<a>标签而不是<button>。为什么？如果我想用<button>我该如何让它消失？

我在另一页上找到了这个问答，并且覆盖按钮焦点样式对我有用。此问题可能特定于带有 Chrome 的 MacOS。

.btn:focus {
  outline: none;
  box-shadow: none;
}

请注意，这会对可访问性产生影响，并且在您的按钮和输入具有良好一致的焦点状态之前不建议这样做。根据下面的评论，有些用户无法使用鼠标。