css - Bootstrap 按钮大纲仅在单击时仍然有效

Question

在 This Demo 使用 Bootstrap 3我尝试使用以下 CSS Angular 色删除按钮蓝色高亮/单击时发光:

.btn:focus { outline: none;}
.btn:hover { outline: none;}
.btn.active{ outline: none;}
.btn{outline: none;}

但我仍然只有在单击按钮时才会非常快速地突出显示，并且在类(class)处于事件状态或获得焦点后它会很快消失。你能告诉我 CSS 的哪一部分正在做这个吗？我该如何阻止它？谢谢

Answer 1

使用 !important 标志，因为 outline 属性可能被其他 CSS 样式更改:

你只需要:

.btn {   
    outline: none !important;
}

Read more关于 !important 标志。

JSFIDDLE