Disable Firefox Dotted Line around Links

Firefox adds dotted line around links, this was not so obvious before since in the past since a link will bring the user to a new page. Now with increasing JavaScript functions on a web page, a link doesn’t by default bring user to a new page, without page reload, the dotted line can look pretty ugly, especially link around images. However with a CSS trick I recently discovered, this problem can be fixed.

* { outline: none; }

If you stumble across this post on the web and have a few thoughts, feel free to comment.

Hope this helps!