Firefox adds dotted line around links, this was not so obvious before since in the past since a link will bring the user to a new page. Now with increasing JavaScript functions on a web page, a link doesn’t by default bring user to a new page, without page reload, the dotted line can look pretty ugly, especially link around images. However with a CSS trick I recently discovered, this problem can be fixed.
* { outline: none; }
If you stumble across this post on the web and have a few thoughts, feel free to comment. :)
Hope this helps!
#1 by Chris Simmons on September 11, 2009 - 1:59 am
Excellent tip! I was irked for a long time why tags had this silly outline when clicking on them.
Thanks.
#2 by Chris Simmons on September 11, 2009 - 2:00 am
arg.. apparently the comment converted the a tag into a working entity. :P
#3 by John Battram on December 14, 2009 - 9:06 am
works a treat!
#4 by Kyle Sevenoaks on February 24, 2010 - 2:18 am
This doesn’t work on the newest version of Firefox.. for me at least.. Got it working in IE 6, 7 and 8 and Chrome. Opera I shall work on next.. Just frustrating!!