Remove Dotted Link Borders in Firefox

Advertisement

Everyone would have noticed in their Blogs that whenever you click an Link a dotted border appear around the link. The dotted Border not only appears for links but for all images , Post Titles , etc. It's some what Annoying .This Is Not a big deal, but it's good without the dotted lines . I am not sure if you have noticed it or not but i did.We can just ignore this for most of the times but sometimes it affects the look and feel of the site.

The Cause

When a link is clicked, it gets the focus. Firefox adds dotted borders to links that have focus to remind the users.

If you want them out aswell or want to stop the dotted outlines here's the simple thing to do. We just need to add outline:none to the a tag.

The Solution

To avoid the border, add this CSS rule to your page:

Go to your Dashboard then click Layout then Edit HTML place the code below:

a {
outline: none;
}

then save.

If your not sure where to place them, just click Ctrl+F then type a img then place the above code under it...please refer the image below for clarification.

And It's Done,Enjoii!

This Blog Has Been Moved To Wordpress..So check Smart Bloggerz Here.

Blogging Tips

What’s Next? : Don't Just Move Away... Wait! Say something by using the Comment Form below.My Blog is a Do-Follow so enjoy giving your comments and get backlinks from my PR3 blog.

| Add your Comment | Follow me on Twitter

You can also Subscribe to this blog :

Share and Enjoy!

Keywords : Cheap Domains, Make Money Online, Blogging Tips, Web Hosting, Blogger Templates