Categories
Article List
- New site - ConnectFrench.com
- Screen capture for the Mac
- Best games for the Mac
- New site - Greenball
- My first After Effects CS4 Video
- New .tel domains
- BMW ad
- AirPort Extreme Wi-Fi Install - Mac Pro 2009
- The purchase of a new 2009 8 core Mac pro
- Amazon.co.uk and online retail sales
- Removing Firefox outline with CSS
- Alternative Stylesheet
- Command + 'F'
- Browser stats - November 2008
- Book review: "Get to the top on google"
- Design Podcasts
- Designing for ECommerce
- Sending HTML Newsletters from Thunderbird
- Switzerland - Montreux
- TED
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;}
« Alternative Stylesheet - Amazon.co.uk and online retail sales »






1. a:active, a:focus { 2. outline: 0; 3. }
amol · 24 September 09Nice tip, thanks for sharing.
Brian · 7 October 09