Ever build a lovely page, you’re checking everything in all the browsers, and all of a sudden you notice that an odd outline appears around active links – but only in Safari? Well, there’s a super easy fix for this. Just add the following to your style.css file:

a:focus {
	outline: none !important;


Do you have any other neat-o, simple css snippets you use for cross-platform consistency that you’d like to share? Leave a comment below!

thePixelPixie.com - WordPress boutique

Subscribe and receive my FREE eBook

4 MISTAKES You’re Making on Your Website that are Costing You MONEY!

  • This field is for validation purposes and should be left unchanged.

The Author


Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Ready to chat about how ThePixelPixie can help?