Want to disable outline when clicking on element with link (can't get it working with Firefox)

Question

So I want to disable the outline when clicking on a link, but I still want users to be able to tab through all links with a keyboard. Therefore, this fix should work

a:active {
    outline: none; }

It works for all browsers except for Firefox. Any suggestions?

Answer 1

hi...try

a {outline:none;}

hope this helps

Answer 2

If you are content with requiring your keyboard users to have JavaScript activated (I know, not perfect) you could give each link an outlined class onfocus, and remove it onblur.

For a more thorough approach, check out this blog entry that discusses removing the outline from a accessibility perspective.