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 */
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.
Comments
Great!
Cheers
Huh! I never knew this. Thanks! :-)
Thanks.
Have been looking for this.
http://codylindley.com/Javascript/223/hiding-the-browsers-focus-borders-...
Im using the next string in tags'
onFocus=this.blur();
and its working in ALL browsers
Thanks.
It's very useful for my homepage.
but with me this code did not function. it could say what I have that to make necessarily?
Thank You!!!
im using this code.. n its works fine on ie7 n firefox..
@S. Costa - If I am not wrong, this code works only for firefox.
I put this code on my style.css but don't work on Firefox. You can help me, please!!!
Post new comment