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 {
outline-width:0;
}
Greynault's Blog 