Dotted Border in active links – Firefox
Just a quick post today.
Testing one of my latest sites threw up a strange problem. In FireFox. when clicking on an CSS styled link a dotted border appeared. Testing in all other browsers were fine.
After a Google search, I came across this written by Nathan Smith back in January 2006.
By using: a{ outline:none;} in the css that sorts it. For maximum accessibility he recommends using a:active{outline:none;}, but for some reason I couldnt get that to work. Thats all for now.
November 21st, 2007 at 2:35 pm
I realise this is a bit late now but it may still be worth mentioning…
In Firefox (and pretty much every browser except IE) you want :focus not :active.
More importantly the dotted outline is used for accessibility reasons – try tabbing through a site and you’ll see the outline provides feedback on which links are selected (or focused). However this being a Firefox issue you can easily remove the outline and then style the :focus state of a link to provide even nicer feedback.
September 9th, 2008 at 5:52 am
Hi, Here is the solution
html a:active { outline:none;}
:focus {-moz-outline-style: none;}
June 12th, 2010 at 2:15 am
Sorry, impulse, but that doesn’t seem to work either. Of course, it’s nearly two years later, so who knows what stupidity the Firefox folks have gotten up to.