jquery – 如何从Bootstrap中的按钮单击后删除光环？

我正在Bootstrap中制作一个按钮,它看起来很好.但是,每当我点击按钮时,至少在chrome中,它会在按钮边缘周围显示蓝色光晕,直到我点击屏幕的其他部分.有没有办法消除这种蓝光？

我在这里问过这个问题：https://stackoverflow.com/questions/22999328/how-to-remove-the-border-from-search-box-after-clicking
但唯一的答案是添加评论.yourbox：focus {border：0！important;到样式表.我这样做了,并将“yourbox”类添加到按钮,但它没有改变任何东西.这是我的按钮的当前代码：

<button type="button" class="btn btn-info btn-block">
Button
</button>

删除焦点上的轮廓应该可以帮助您进行测试.

.btn:focus {
    outline: 0;
}