remove dotted rectangle from links

January 10, 2008 · Print This Article

A simple but very effective way to remove this dotted rectangle when you click on a link is to simply add the CSS rule

outline: 0;

to the a tag in your CSS stylesheet. It removes the annoying dots around a link, especially when there’s a huge padding to the left ( as seen on many cool pages, whereas the link is then displayed 300px wide with that padding and the dotted border. )

This doesn’t work in Netscape 8.0 - but who the heck is using such a browser nowadays…

Comments

Got something to say?