Bootstrap按钮轮廓仍然仅在点击时工作

时间:2014-06-01 07:43:58

标签: css3 twitter-bootstrap twitter-bootstrap-3

This Demo使用Bootstrap 3我试图通过使用以下CSS角色删除Buttons Blue Highlight / Glow:

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

但是我仍然只能在按钮的点击时间获得非常快的突出显示,并且在课程处于活动状态或具有焦点后它会很快消失。你能告诉我哪部分CSS正在做这件事以及如何阻止它?感谢

1 个答案:

答案 0 :(得分:4)

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

你只需要:

.btn {   
    outline: none !important;
}

Read more关于!important旗帜。

JSFIDDLE