How to remove the focus border of button when click?

Question

I am using the Bootstrap button, and I want that when I click on them the focus border should not come around the icons. The code is like below.

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

Answer 1

Use this style to avoid the focus border on items

button:focus {
    outline: none;
}