I am attempting to prevent Firefox from adding an outline when links are clicked or followed (a:active).
I do not want to eliminate the outline on a:focus, because that would present a challenge for keyboard-only users.
In theory, the following solution should resolve this issue:
a:active { outline: 0; }
However, it seems to have no effect in Firefox 3.5.3.
The only method that actually works is:
a:focus { outline: 0; }
Unfortunately, this approach is not ideal for accessibility reasons.
Is there any way to specifically remove the outline when links are clicked? My concern is that clicking on a link technically focuses it, and it is the focus style that is being applied. Ideally, clicking and focusing should be considered as separate actions.