mozilla link outlined when clicked (how to stop that)

[christophre]

hello,

i would like to know if there is a way to not have mozilla (well, firefox explicitly, which may not technically have the same rendering engine -- i don't know...) put that annoying little dotted outline around the text of link (<A>) once it has been clicked. i've tried "text-decoration:none" and "border:0" in the style, as well as for all the pseudo-classes (:active, etc.).

i read that there was a 'hidefocus' attribute for IE 5.5+, but i'm not sure exactly if that's what i'd be looking for (IE doesn't have the problem to begin with) AND i'm specifically looking to resolve the problem on mozilla/firefox.

any help?

thanks in advance!

-c

[drbrain]

:link:focus, :visited:focus {
-moz-outline: none;
}

At some time in the future, '-moz-outline' may change to just 'outline'.

[christophre]

works great! thanks!

[encyclo]

The dotted outline is an accessibility feature for users navigating a site using the keyboard - removing it makes it very difficult to know when the active link is.

You should take this into account when considering whether or not to remove the outline.