AngularJS bootstrap twitter在点击链接后停留,即使它不再悬停也是如此

时间:2015-02-19 10:39:10

标签: css angularjs twitter-bootstrap

当我在链接上移动光标时,它会以悬停样式显示,并且它很好。 当我从链接移动光标时,悬停消失,它很好。

但是,当我点击链接悬停时,即使我将光标移回,也会停留。为什么?我究竟做错了什么?怎么解决?

我只使用没有AngularJS的bootstrap时从未遇到过这个问题。

Page:http://wladyka.eu/d/#/

问题演示: enter image description here

3 个答案:

答案 0 :(得分:2)

您需要覆盖bootstrap:.btn-link的焦点伪类:

.navbar-default .btn-link:focus {
    color: #777;
    text-decoration: none;
}

答案 1 :(得分:1)

您必须覆盖按钮的:active:focus状态的css

答案 2 :(得分:1)

实际上你的锚是专注的,你需要删除它 可以通过以下方式实现: -

$("#your_id").mouseup(function(){
    $(this).blur();
})

Fiddle