Skip ›Navigaton

Removing Firefox outline with CSS
8 February 09 - Back

By using the Firefox browser you will get an outline on image links once clicked (as shown on the apple website above) or if you click on a linked then change your mind, the outline will stay. If you want to create an image map then this can ruin the effect. This happens even on many large sites like Apple and Firefox’s homepage. I’ve found an easy way to remove this outline. Just use the below CSS code near the beginning of your CSS file.

The CSS outline effect works only on a few browsers and is not supported by IE6.

a {outline: none;}

1. a:active, a:focus { 2. outline: 0; 3. }

amol · 24 September 09

Nice tip, thanks for sharing.

Brian · 7 October 09
Add Comment

   -