Go to the top

How to get rid of link outlines in Safari


Notice: Trying to access array offset on value of type bool in /home/dh_432dct/themedev.thepixelpixie/wp-c0nt3nt/themes/darwin/single.php on line 246

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!