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

我使用Bootstrap button，我希望当我点击它们时，焦点边框不应该出现在图标周围。代码如下所示。如何在点击时删除按钮的焦点边框？

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

试试这个 button：focus {outline：0！important; } –

它不工作的兄弟。 –

两个想法 - 首先 - 在活动状态/焦点上的边界是在可访问性方面的一个重要行动指标（让用户知道他们做了什么/关注点 - 所以在移除它时要小心）。！重要的不应该被推荐，因为它会影响整个样式表。 – gavgrif

使用这种风格，以避免项目

button:focus { 
    outline: none; 
}

2016-09-16 06:07:49

感谢它的工作正常！重要的标签。 –

使用outline:0;或outline:none;重点边境删除焦点边境

注：使用!important在统治结束覆盖Bootstrap声明

button:focus{ 
    outline:0 !important; 
}

或

button:focus{ 
    outline:none !important; 
}

2016-09-16 06:08:31

试一次

button:focus{ 
outline:0px; 
}

还使用

button:focus{ 
outline:none !important; 
}

我不得不修改！重要那么它做工精细。

2016-09-16 06:11:41

没有其他答案这就是为什么我给你同样的答案 –

回答