AngularJS bootstrap twitter hover on the link remains after the click, even if it is not hung anymore

When I move the cursor over the link, it shows the hover style, which is good. When I move the cursor back from the link, hover over it and that’s good.

But when I click the freeze link, it looks even if I go back. What for? What am I doing wrong? How to solve this?

I never had this problem when using only bootstrap without AngularJS.

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

Demonstration of the problem: enter image description here

+4
source share
3 answers

You need to override bootsrap: focus pseudo class for .btn-link:

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

css :active :focus

+1

Actually your anchor is focused, you need to remove it. Can be achieved: -

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

Fiddle

+1
source

All Articles