CSS Temple

How to Remove Dotted Border on Active Link in Firefox By: Vladan | under: HTML/CSS | April 6, 2011 | Tags: CSS trick | 2 Comments

To remove dotted border on active link in Firefox is actually easy. It is really gets on nerves when you create whole site for some client and everything is pixel precise on all browsers and all functionalities are also the same on all browsers. But, just as you thought that the project is finished, the client tells you that an active link in Firefox acting strange and have dotted border around it.

So what should you do? Go to your CSS file and type this:

a,
a:active {
	outline: none;
}

This will fix your problem and by W3C it is a valid code.

What is the next logical step to do. If you have your own CSS reset, my recommendation is to paste this code into it so you will not worry about dotted border anymore.