Remove Firefox Dotted Border Links

Introduction!

you might have noticed that Firefox automatically creates dotted border around links. You can prevent this by telling Firefox what you want to do.

How to Do This???

All you need to do is to add some special CSS style tags anywhere in your style sheet between <b:skin> and </b:skin>. The special CSS is:

a:active
{
outline: none;
}

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

Good to Know!

Please note that "The :active pseudo-class adds a special style to an activated element." & "The :focus pseudo-class adds a special style to an element while the element has focus." (W3Schools.Org)

You can read more about a:active at http://www.w3schools.com/CSS/pr_pseudo_active.asp and about a:focus at http://www.w3schools.com/CSS/pr_pseudo_focus.asp

1 comment:

  1. agree with you..
    thanks for sharing this one,
    actually im looking for this. =]

    ReplyDelete

Note: All comments will be moderated.