Remove the dotted border around links with CSS

Almost all websites have them, and they are just extraordinary ugly: Dotted borders around text links. They show up when you click a link and won’t go away till you clicked somewhere else, reloaded the page or moved to another page:

Yes, I know that you saw that before… But why are all those sites displaying those ugly borders? I don’t know, because you don’t need to know any advanced techniques to remove the border! Just add the following code to your CSS document:

a {
outline: none;
}

And gone are the dotted borders!

But does that validate?

It’s easy to think that everyone isn’t using this because it doesn’t validate, though it does validate! Check it out on the W3C CSS Validator if you don’t believe me.

But why isn’t everyone using this?

Because most people don’t know that it is possible… In the past it was necessary to have the dotted border around licked links to see if you actually clicked it or not (in he past we had sow computers, so it took a while before the thing actually started downloading the new site). Today we don’t need that anymore so please add this code to your Cascading Style Sheets and stop the uglyness!