Home | Blog | CSS Tricks | How to get rid of link outlines in Safari

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;
}

Voilá!

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!