This is an old archived post from my former blog The Idea Shower. It's where I cataloged my product explorations and releases, one of which ultimately became Pocket.
This post was published back in 2008. It may not function as originally intended or may be missing images.
This post was published back in 2008. It may not function as originally intended or may be missing images.
Get Rid of Those Dotted Lines Around Links in Firefox
January 22, 2008
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.