Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css AngularJS bootstrap twitter悬停在链接上单击后保持,即使不再悬停_Css_Angularjs_Twitter Bootstrap - Fatal编程技术网

Css AngularJS bootstrap twitter悬停在链接上单击后保持,即使不再悬停

Css AngularJS bootstrap twitter悬停在链接上单击后保持,即使不再悬停,css,angularjs,twitter-bootstrap,Css,Angularjs,Twitter Bootstrap,当我在链接上移动光标时,它会以悬停方式显示出来,这很好。 当我将光标从链接移回时,悬停消失,这很好 但当我点击链接时,即使我将光标向后移动,悬停看起来也会保持不变。为什么?我做错了什么?如何解决这个问题 当我只使用没有AngularJS的引导时,我从来没有遇到过这个问题 第页: 问题演示: 您必须覆盖按钮的:active和:focus状态的css实际上您的锚已聚焦,您需要移除它 可通过以下方式实现:- $("#your_id").mouseup(function(){ $(this).b

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

但当我点击链接时,即使我将光标向后移动,悬停看起来也会保持不变。为什么?我做错了什么?如何解决这个问题

当我只使用没有AngularJS的引导时,我从来没有遇到过这个问题

第页:

问题演示:

您必须覆盖按钮的
: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;}
。检查此项: