jquery - 单击 Bootstrap 中的按钮后如何去除光环？

Question

我正在 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>

Answer 1

删除 focus 上的轮廓应该可以帮助您，经过测试。

.btn:focus {
    outline: 0;
}