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; }


        

Answer 1

Worked for me

I battled this for a while and this worked for me on WordPress 5.5.3 with StoreFront theme:

a:hover,
a:active {
    outline: none;
    box-shadow: none !important;
}

Answer 2

Simply add outline:none; text-decoration:none;

Answer 3

You can just use this:

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

Answer 4

Fixed:

Found out in my CSS that there was code already being generated to create an outline on a:active. This was overriding my code and removing it fixed the problem.

Answer 5

Just add a:visited { outline: none; } in your style file.

Answer 6

If at-least one of the solutions above doesn't work for anyone. Give this a try as well

a:active, a:focus {
 box-shadow: none;
}