Css AngularJS bootstrap twitter悬停在链接上单击后保持,即使不再悬停
当我在链接上移动光标时,它会以悬停方式显示出来,这很好。 当我将光标从链接移回时,悬停消失,这很好 但当我点击链接时,即使我将光标向后移动,悬停看起来也会保持不变。为什么?我做错了什么?如何解决这个问题 当我只使用没有AngularJS的引导时,我从来没有遇到过这个问题 第页: 问题演示:Css AngularJS bootstrap twitter悬停在链接上单击后保持,即使不再悬停,css,angularjs,twitter-bootstrap,Css,Angularjs,Twitter Bootstrap,当我在链接上移动光标时,它会以悬停方式显示出来,这很好。 当我将光标从链接移回时,悬停消失,这很好 但当我点击链接时,即使我将光标向后移动,悬停看起来也会保持不变。为什么?我做错了什么?如何解决这个问题 当我只使用没有AngularJS的引导时,我从来没有遇到过这个问题 第页: 问题演示: 您必须覆盖按钮的:active和:focus状态的css实际上您的锚已聚焦,您需要移除它 可通过以下方式实现:- $("#your_id").mouseup(function(){ $(this).b
您必须覆盖按钮的
:active
和:focus
状态的css实际上您的锚已聚焦,您需要移除它
可通过以下方式实现:-
$("#your_id").mouseup(function(){
$(this).blur();
})
您需要覆盖
的bootsrap:focus伪类。btn链接
:
.navbar-default .btn-link:focus {
color: #777;
text-decoration: none;
}
但为什么会这样?这不是此框架的标准行为:)是什么导致此问题?我还想了解这一点:)实际上这是内置的Bootsrtap样式,用于
btn链接
类:.navbar default.btn链接:hover.navbar default.btn链接:focus{color:#333;}
。检查此项: