Can't remove outline from a:active in Firefox 3.5.3

Question

I'm trying to stop Firefox from adding an outline when links are clicked or followed (a:active).

I don't want to get rid of the outline on a:focus, because as we all know that's a kick in the nuts for keyboard only users.

In theory, the following should work:

a:active { outline: 0; }

But it does absolutely nothing in Firefox 3.5.3

The only thing that does work is:

a:focus { outline: 0; }

But as said, that's no good for accessibility reasons.

Is there any way at all of only removing the outline when links are clicked? My fear is that when you click on the link, you are in effect focusing it, and it's the focus style that's being applied, but focusing and clicking should really be two separate events.

Answer 1

Here you go.

http://sonspring.com/journal/removing-dotted-links

or try this one.

http://www.elctech.com/snippets/css-remove-dotted-outline-border-from-active-links