Remove FireFox focus ring from links on your site
If you use Firefox web browser then you know about annoying dotted border around links when you click on them.
You can easy fix that thing if you carefully follow next few steps.
-
Open new tab or new window in your Firefox
-
In address bar type next
about:configand pres enter
-
You will see warining page. Something like this

-
click on button “I'll be carefull, I promise!”
-
find “browser.display.focus_ring_width” property and set value from “1” to “0”
-
That's it! Now restart Firefox, but important thing is... Do not use “Save and Quit” option. They will save your earlier setting. Because of that just “Quit” and start again.
Remove focus ring using css
Easy css trick to remove dotted border around links in FireFox on your web site
Just in your style sheet write next css property and you will remove focus rings from all links on your site!
- a:focus {
- outline-style:none;
- }





Comments
05.01.2011 - 04:52
THANK YOU
I needed the answer! Thank you so much for explaining it, especially in the simplest way. I've never done ANYTHING like that before. I don't know anything about code - all I know is that focus ring is annoying as heck!
Also - this worked on my Seamonkey Browser, which I guess is similar to Firefox.
Thank you VERY much!
Post new comment