homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / HTML
Forum Library, Charter, Moderators: incrediBILL

HTML Forum

mozilla link outlined when clicked (how to stop that)

 6:48 pm on Sep 17, 2004 (gmt 0)


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!




 7:00 pm on Sep 17, 2004 (gmt 0)

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

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


 7:34 pm on Sep 17, 2004 (gmt 0)

works great! thanks!


 7:43 pm on Sep 17, 2004 (gmt 0)

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.

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / HTML
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved