Most useful CSS Attribute
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.

(11 votes, average: 4.36 out of 5)










Ben Said:
April 3rd, 2008 at 11:52 pm
Huh! I never knew this. Thanks!
DeviantIllusionz Said:
April 1st, 2008 at 2:44 pm
Thanks.
Have been looking for this.
Lurker Said:
August 3rd, 2007 at 5:47 am
http://codylindley.com/Javascript/223/hiding-the-browsers-focus-borders-should-i-shouldnt-i
SinCabeza Said:
July 22nd, 2007 at 4:34 am
Im using the next string in tags’
onFocus=this.blur();
and its working in ALL browsers
Minhaj Said:
June 19th, 2007 at 4:34 pm
Thanks.
It’s very useful for my homepage.