How to remove the “Dotted Border” on clicking?

Question

As you can see

I want to somehow remove the dotted lines after the button has been clicke

Answer 1

If you want to keep the outline on active and on focus, but hide it on clicking a link, you can add in css:

A.No-Outline {outline-style:none;}

and use script:

$('A').hover(function() {
    $(this).addClass('No-Outline');
},function() {
    $(this).removeClass('No-Outline');
});

you must be hover befor clicking, so it does the job.