引导按钮大纲仍然只在单击时起作用

Question

在这个演示上使用Bootstrap 3，我尝试通过使用以下CSS角色来删除单击中的蓝色高亮/发光按钮：

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

但我仍然得到一个非常快的高亮只有在点击时间的按钮，它消失得很快后，班级是活跃的或有焦点。请让我知道CSS的哪一部分在做这件事，以及我如何阻止它？谢谢

Answer 1

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

你只需要：

.btn {   
    outline: none !important;
}

阅读更多关于!important标志。

JSFIDDLE