AngularJS bootstrap twitter悬停在点击后链接停留，即使它不再悬停答案

【问题标题】：AngularJS bootstrap twitter hover on link stay after click even when it is not hover anymoreAngularJS bootstrap twitter悬停在点击后链接停留，即使它不再悬停
【发布时间】：2015-04-20 16:00:54
【问题描述】：

当我在链接上移动光标时，它会以悬停样式显示，这很好。当我将光标从链接悬停移回时，它会消失，这很好。

但是当我点击链接时，即使我将光标移回，悬停看起来也会保持不变。为什么？我究竟做错了什么？如何解决？

在没有 AngularJS 的情况下仅使用引导程序时，我从未遇到过这个问题。

页面：http://wladyka.eu/d/#/

问题演示：

【问题讨论】：

检查这个：stackoverflow.com/questions/33584392/…

标签： css angularjs twitter-bootstrap

【解决方案1】：

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

【讨论】：

【解决方案2】：

其实你的锚是专注的，你需要移除它可以通过以下方式实现：-

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

Fiddle

【讨论】：

【解决方案3】：

你需要重写 bootsrap :focus 伪类 .btn-link:

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

【讨论】：

但是为什么会这样呢？这不是这个框架的标准行为:) 是什么导致了这个问题？我也想明白这一点:)
其实这是btn-link类的内置Bootsrtap样式：.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {color: #333;}。