html - 单击时如何去除按钮的焦点边框？

Question

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

<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;
}