ThemeBuilder » CSS tricks http://themebuilder.nl Themes and Tricks Tue, 15 May 2012 13:57:14 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Removing the dotted outline http://themebuilder.nl/removing-the-dotted-outline/ http://themebuilder.nl/removing-the-dotted-outline/#comments Sun, 29 Nov 2009 21:40:16 +0000 Frank http://themebuilder.nl/?p=181 Anchor links by default have a dotted outline around them when they become “active” or “focused”. This is default styling for the purpose of accessibility. For people without the ability to use a mouse (are they still alive?), they still need some visual indicator that they currently have a link active (so, for example, they can press enter to navigate to that link).

The dotted outline is for me one of those annoying things i rather get rid of.

How to remove it?

If you want it gone, and you want it gone on every single anchor link, just include this part in your stylsheet:

1
2
3

a {
   outline: none;
}

But bear in mind the outline has a important function. You should really consider adding back in a style for your links focus and active states!

]]> http://themebuilder.nl/removing-the-dotted-outline/feed/ 0