Red borders on links in Firefox

Est. Read Time: ~Keurig Brew-Time

I ran across an interesting issue recently. I could not remove the dotted border on a link in Firefox. I removed ALL dotted borders in ALL CSS files and it was still there! The solution was much simpler than I thought it would be. All you have to do is add the following to your CSS:

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

Viola! The borders are gone :)


  1. bradh Brad
    Posted November 23, 2010 at 6:45 am | Permalink

    Does that {-moz….} work for other CSS styles? In other words, can you use this to provide other specific CSS instruction for just Mozilla browsers by adding that?

  2. Posted December 1, 2010 at 9:55 am | Permalink

    Here is a list of other Mozilla CSS Extensions