单击时如何删除按钮的焦点边框? [英] How to remove the focus border of button when click?

问题描述

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

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>

推荐答案

尝试一次

button:focus{
outline:0px;
}

也可以使用

 button:focus{
 outline:none !important;
 }

我必须编辑！important才能正常工作.

I have to edit !important then it work fine.

这篇关于单击时如何删除按钮的焦点边框?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！