Blue Border in Safari on Mac

If you’ve been cross-browser-izing your site you may have noticed that Safari (especially on a Mac) tends to add it’s own little flair.   However, when working with larger clients you tend to have incredibly picky graphic designers and computer non-literates looking over your shoulder asking “Why did you make that blue, that doesn’t look good, Stop trying to ruin my site!!”.


So, in case you’ve come across this particular issue, here’s how you get rid of it…

It’s a simple override, reference the closest CSS class or ID and then override the styling that Safari adds.

.CSSClassName:focus {

This entry was posted in Uncategorized. Bookmark the permalink.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s