Remove gray border around links in Firefox

Posted by: Flep Posted date: January 23, 2009 In: CSS Tips | comment : 7

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;
}

Sponsors of this article

‹ Previous Next ›

About The Author

Flep

Web Developer

Flepstudio.org CEO - Web designer - Flash - Wordpress

Number of Entries : 80

Comments (7)

Aaron

05.02.09 at 20:09

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

Reply
Stas

15.03.09 at 16:24

Thanks for tips

Reply
Wilson Crestani

24.04.09 at 17:51

Great tip! Thanks!

Reply
Brian

17.05.09 at 03:30

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

Reply
Robin George

23.02.11 at 13:31

Thanks a lot buddy! It helped me to fix the last bug of the day! I’m happy now!

Reply