Wednesday, May 5, 2010

Firefox issue: Remove the dotted border around links

The default firefox issue when we use (hyperlink) for text, image or any other html element, it gives border around that element. Though its not a big issue, it looks weird sometime. This can be fixed using simple css formatting.

Use following syntax in css file, which will be applied for all default links.

a:active
{outline: none;}

a:focus
{-moz-outline-style: none;}


Thats it. Save the css file or the html page where you have embedded this code and see the results.

No comments:

Post a Comment