How do I remove outline on link click?

Question

When I click a link on my website it is creating an outline around the link like so

I've tried adding:

a.image-link:focus { outline: 0; } 

and

a {outline : none;} 

But nothing seems to get rid of it. Is there a way to remove it?

Answer 1

You can just use this:

a:active, a:focus {   outline: 0;   border: none;   -moz-outline-style: none; }