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