Removing dotted borders on active links

This time we will handle on removing the annoying dotted borders on an active link. It occurs when a visitor click on a link on the your web page.

We will just use the outline property and apply it to the selector, usually the a selector. A simple workaround which may be helpful using CSS.

Here’s the sample CSS code:

a { outline:none;}

In this case all those activated hyperlinks especially the images which is linked will no longer produce the dotted lines around its borders.

I hope you find this post helpful to you and just post comments for clarifications. Thanks for visiting.

This entry was posted on Monday, May 25th, 2009 at 12:46 pm and is filed under XHTML/CSS. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.