Gone dotty over Firefox?

Web Development

How to remove the dotted line around links in Firefox.

Pretty sure we’re not the only ones that can have gone a bit dotty over Firefox’s annoying habit of adding a dotted line around links during the “focus” (when clicked) stage of the link?! Well, this is simply caused by Firefox’s standard CSS having the following line of code:

:-moz-any-link:focus {
outline: 1px dotted invert;
}

Thankfully it’s easy to deal with…

Simply add the following to your site’s CSS:

a:focus {outline-style: none;}

Aaand that will take care of that pesky dotted outline!

Posted on by Pete

Post a Message

Scribble your thoughts below to leave a comment and then just click send! Fields marked * are required. Your email address will not be published.

Trying to track something?

Simply type and click track!

Track.
  •  
Follow.

Design Store

Daily Culture

And Also...