Firefox and its dots surrouding links

Those dots surrounding the links in the websites have been driving me crazy. You spend hours developing a new design and after you get those ugly dots crossing your entire website.

If you want to get rid of them, here is the solution:

1. Type “about:config” in Firefox’s location bar (that big horizontal bar on top where you type to go to a different website)
2. Look for the string: browser.display.focus_ring_width
3. The default value is 1 (at least in my browser), change the value to 0

That’s all you have to do to get rid off those dots in your browser but what happens with the rest of human beings that visit your site? Well, there is also a solution for this issue and is to add a simple line of code into your CSS file:

a{ outline: none;}

Easy eh? Have fun.

Entry posted on March 20th, 2007 at 20:44 under Browsers, CSS.
Follow any responses through the RSS 2.0 feed , leave a response, or trackback from your own site.