Jul
10

Hide the dotted border around links in Firefox

By Sam  //  Mozilla Problems  //  5 Comments

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.

Tags: , , , , , , , , ,

Author: Sam Bell

Sam Bell has written 38 articles for us.

5 Comments to “Hide the dotted border around links in Firefox”

  • Jens Törnell July 19, 2009 at 2:14 pm

    Hi!

    Thanks! Hard to find the answer, but here it is. I use it at http://develop.jenst.se in some places.

    /Jens

  • Disable / remove anchor dotted border / line with CSS | develop.jenst.se July 19, 2009 at 3:48 pm

    [...] The code is heavily inspired by CSS Hints. [...]

  • Cher Alike August 9, 2009 at 12:45 pm

    Perfect. Thanks!

  • Zarchi September 3, 2009 at 5:46 pm

    Hi,
    Your code is perfect on IE8 and Mozilla. But, when I checked it on IE7 and IE6, it’s not working. Can you please help me?
    Thanks.

  • Sam September 4, 2009 at 2:47 pm

    There shouldn’t be any borders in IE?

Leave a comment

Post categories

Sponsored links

Blogroll

Web design