单击时如何删除按钮的焦点边框？

Question

我正在使用 Bootstrap button，我希望当我点击它们时，焦点边框不应该出现在图标周围。代码如下。

<div class="btn-group">
    <button class="btn btn-link"> <img src="../images/icons/User.svg" class="svg"></button>
</div>

Answer 1

使用此样式可避免项目上的焦点边框

button:focus {
    outline: none;
}