Specialists in design Contact Media Surgery
wind farm with blue sky

You do not have Adobe Flash installed - Install Flash Now

« UK Physio Directory
Student and applying for a web design job? »

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.

Dotted Borders Firefox

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.

This entry was posted on Friday, September 7th, 2007 at 9:35 am and is filed under Web Design. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

One Response to “Dotted Border in active links - Firefox”

  1. Mystery Stranger Says:
    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.

Leave a Reply