Hide the dotted border around links in Firefox

Today I had a client that wanted to remove the dotted borders that appeared around the anchors on her site when she clicked on them. At first I had no idea what she meant as I’m so used to them but she was insistent.

Luckily there’s a nice easy way to hide the border (or ‘outline’):


a:hover, a:active, a:focus, a:active{
outline: none;
-moz-outline-style: none;
}


The second line there just targets older versions of Firefox.