Home  »  Solutions  »  What I've Learned  »  Get Rid of Those Dotted Lines Around Links in Firefox

Get Rid of Those Dotted Lines Around Links in Firefox

Nate Weiner - Posted in What I've Learned, , , Comments (1)

I just always assumed that these were a fact of life with Firefox.

They are meant to give an idea to the user where their focus is if they are using the keyboard to get around the page. But when you use text-indent to do image swaps for navigation elements the dotted lines shoot off into infinity on the left side of your screen.

Found an easy solution from Nathan Smith via Google:

a:active {

 outline: none;

}

Check out his article for more information on how best to remove Firefox dotted links.

What Next?

Related Posts:


More: , ,

Comments (1)


  1. I actually like the way FF highlights it with a dotted line border, mainly because of the stupid sites with a weird style that doesn’t make links a different colour, EVEN when you hover above it! All they give you is the change of cursor! And also, if you are tabbing thru the links (when I feel like going mouse free!), it helps identify the selected link.

    April 11th, 2008 bob

Leave a Reply

Posted in: What I've Learned • Comments Feed: RSS 2.0 • You can leave a response, or trackback from your own site.