Posted in: css

Removing the Dreaded tag “dotted line”

This has always been one of those issues that just drives me mad.  You’ve set border to none, yet this dotted line ALWAYS appears around your <a> element.  Well, would you believe that you can solve this with just one, very, VERY, simple line of CSS?

Just add :

a { outline:0; }

to your stylesheet for a CSS reset.

It’s just that simple folks!

Now if you’d rather not reset ALL of your anchor links, just add “outline:0;” to your existing individual anchor tags like so :

.mydiv a { text-decoration:none; color: #000000; outline:0;}

Have your say