This CSS property is the most wanted snippet for any Web Developer. Here you will learn how to remove the ugly dotted outline around <a> tags on-click state.

I figured this out some time ago and I am sure not all the developers will not have known this property and this is because I find this ugly dotted outline around all the <a> tags on almost every site I have visited.

You would have found this even on my site till yesterday, but now it seems to be more pleasant for me too without the outline.

Here is a comparison of an <a> tag on my site. Preview is on-click state

Here is what you have to add in the CSS…

/* CSS Document */

a { outline:none; }

Note: This works on Firefox and not for IE. I have not tested on other browsers.

As simple as that. Give it a try on any of your site… I am sure it will look more pleasing.