Remove gray border around links in Firefox

Friday 23 January 09 by Onsitus in CSS Tips

Firefox has the bad habit to add a gray border around the links when clicked as seen in the following image…
firefox gray border
We can easily remove it applying a specific css property…

To remove it completely, we only need to add the css property outline with the value none to the links.

Example of the css rule:

a{
outline:none;
}

5 comments

Stay updated with our RSS Feed

{ 1 trackback }

Bits And Pix » CSS: Remove gray border around links
04.20.09 at 20:46

{ 4 comments… read them below or add one }

Aaron 02.05.09 at 20:09

Ha! Sweet! Thanks, good work. I wish I knew this a long time ago…

Stas 03.15.09 at 16:24

Thanks for tips

Wilson Crestani 04.24.09 at 17:51

Great tip! Thanks!

Brian 05.17.09 at 03:30

Thanks so much! This saved me a lot of hassle and time.

Leave a Comment

You can use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Previous post: Selector css: class, id, pseudo-class, pseudo-element

Next post: Create a button expandable in width with 3 background image in css