Here’s a quick CSS tip. Firefox likes to put a dotted border around any links that you click as shown below, but there’s an easy way to fix it simply add the code below to your ‘a tag’ style either in the head of the page on in an external style sheet.
a{ outline: none;
-moz-outline-style: none;
}
This entry was posted in CSS, Design, Web Tools and tagged CSS, firefox, Links. Bookmark the permalink.
From a usability perspective: don’t use this! If people like to use their keyboard to navigate through your site, you’ve just succesfully removed their visual hint of which link is currently ‘active’ and ready to be ‘clicked’.
@libeco thanks for the comment, I totally understand where your coming from, however its a small percentage of users that are going to be browsing your site with just their keyboard, plus this is specific to Firefox which still has a small browser market share, all other browsers don’t have this problem / feature. 
Michael T says: i’ve been using a:focus { outline: none; } in the sties i’m doing.
Shogun says: These details make a big difference, thank you!
you can use only
outline: none;
instead of mozilla’s property. Firefox understands “outline” too
Subscribe to all the Papermashup Tutorials and articles straight to your RSS reader.
Sign up and get all the Papermashup tutorials straight to your inbox.
Follow us on Twitter and get in-stream messages
5 discussions around Remove the dotted border around links in Firefox