我的按钮在我点击后都有一个突出显示.这是镀 chromium 的.
<button class="btn btn-primary btn-block">
<span class="icon-plus"></span> Add Page
</button>
我使用的Bootstrap有一个主题，但我很确定不是这样的:我之前在另一个项目中注意到了这一点.
如果我用<a>而不是<button>，它就会消失.为什么？如果我想用<button>，我怎么才能让它消失？
我的按钮在我点击后都有一个突出显示.这是镀 chromium 的.
<button class="btn btn-primary btn-block">
<span class="icon-plus"></span> Add Page
</button>
我使用的Bootstrap有一个主题，但我很确定不是这样的:我之前在另一个项目中注意到了这一点.
如果我用<a>而不是<button>，它就会消失.为什么？如果我想用<button>，我怎么才能让它消失？
我在另一个页面上找到了这个Q和A，覆盖按钮焦点样式对我很有效.这个问题可能特定于使用Chrome的MacOS.
.btn:focus {
outline: none;
box-shadow: none;
}
但请注意，这对可访问性有影响，在您的按钮和输入具有良好的一致焦点状态之前，不建议这样做.根据下面的 comments ，有些用户不能使用鼠标.