Jquery 如何从引导中的按钮中删除单击后的光晕？

我正在用Bootstrap做一个按钮，看起来不错。但是，每当我点击按钮时，至少在chrome中，它会在按钮边缘显示一个蓝色光晕，直到我点击屏幕的其他部分。有没有办法消除这种蓝光

我看到这里有人问这个问题： 但是唯一的答案是在样式表中添加一条注释

。yourbox:focus{border:0！important；}

。我这样做了，并将类“yourbox”添加到按钮中，但它没有改变任何东西。这是我的按钮的当前代码：

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

按钮

删除

焦点上的大纲应该可以帮助您完成测试

.btn:focus {
    outline: 0;
}

如果上述方法不起作用，则使用以下方法从每个输入属性中删除大纲：

textarea:focus, 
input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="datetime"]:focus, 
input[type="datetime-local"]:focus, 
input[type="date"]:focus, 
input[type="month"]:focus, 
input[type="time"]:focus, 
input[type="week"]:focus, 
input[type="number"]:focus, 
input[type="email"]:focus, 
input[type="url"]:focus, 
input[type="search"]:focus, 
input[type="tel"]:focus, 
input[type="color"]:focus, 
.uneditable-input:focus {   
    box-shadow: none !important;
    outline: 0 !important;
}

select:focus {
   outline-color: transparent !important;
}

焦点有3个参数：

.your_class:focus {
        border-color: #66AFE9;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
        outline: 0 none;
    }

禁用它们

.your_class:focus {
        border: none !important;
        box-shadow: none !important;
        outline: 0 none !important;
    }

要删除链接上的光环，请使用下面的css代码

.btn:focus {
    outline: none !important;
}

我也试过了，但也没用。它确实会使悬停时按钮的高度变小，但它似乎就是这么做的；不是有效的属性值。盒影：无；instead@Azodium谢谢你的提醒，伙计。答案已更新。@Thomas另一个快速尝试是
大纲：0无确保它被应用并且没有被其他规则覆盖。你知道吗，我认为引导css覆盖了我的样式表。我把对我的样式表的引用放在对引导的引用之后，而不是之前，这似乎解决了问题。谢谢大家的帮助@托马斯很高兴听到这个，所以这是有效的，不是吗？
.btn:focus {
    outline: none !important;
}