Quick Firefox fix for dotted border on links

November 23, 2007 • 6 comments

When using the Phark -9999px method for image replacements you should use one of the fixes for the border outline in order to solve the border problem on your designs. However these fixes are not all that widely used. Here is a way to use either of these fixes across all the websites that you browse using Firefox user style sheets.

In order to make Firefox behave a certain way for all websites that you visit you have to either edit the default user style sheet or the Firefox config file.

Mac users: navigate to {user}/Library/Application Support/Firefox/Profiles/Chrome{your user profile}
PC users: navigate to C:\Program Files\Mozilla Firefox\defaults\profile\chrome

and open the file userContent-examples.css and add either one of the solutions into the CSS file and save as userContent.css
Disable the border:

a {
    outline: none;
}

Tidy up the border:

a {
    overflow: hidden;
}

There is also a way to get rid of the outline border by editing the Firefox config file (keep in mind this will remove the border completely)

1. Type “about:config” in Firefox’s location bar
2. Find the string: browser.display.focus_ring_width
3. Set the value to 0

Now Firefox will behave as you want across all websites you visit. Gotta love user based style sheets.

Tags: , , ,

6 Responses to “Quick Firefox fix for dotted border on links”

  1. December 3rd, 2007 10:42 pm chocolaterain dude who sits next to you in JRs class :)

    you’ve been stumbled upon again! :)

  2. December 7th, 2007 10:00 pm Brandi

    AH i just stumbled onto this, haha

  3. March 16th, 2009 10:42 pm n

    ty so much for this fix. been bugging me forever.

  4. November 6th, 2011 9:22 am Lucas Peterson

    Great fix.
    Sample of problem is visible on web page for my client http://www.easyeco.eu.pn. There are borders around “pils”. They disapear after Firefox fix.
    Thanks

  5. February 24th, 2015 9:32 pm 传奇私服开传奇一条龙服务

    魔域服务端魔兽世界服务端天龙八部服务端RF服务端传奇归来服务端
    天堂I私服开服挑战OL私服开服剑侠情缘私服开服奇侠XIAH私服开服挑战私服开服
    魔域开区一条龙魔兽世界开区一条龙天龙八部开区一条龙RF开区一条龙传奇归来开区一条龙
    传奇私服开传奇一条龙服务 http://www.i5gm.com/

  6. May 5th, 2019 5:04 pm Cynthia Secor

    magnificent post, very informative. I wonder why the other experts of this sector don’t notice this. You must continue your writing. I am sure, you have a huge readers’ base already!

Your 2 cents: