Code for Safari3+ with CSS/Javascript

(updated) Note!

Chris Griego noticed that the Opera9 + will pass the CSS detection. looks like we need either serverside of JS to help with it.

Detect Safari 3 via DOM

var isSafari3 = false; if( window.devicePixelRatio && window.getMatchedCSSRules && !window.Opera){ isSafari3 = !!window.getMatchedCSSRules(document.documentElement,''); }

Detect Safari 3 via CSS

@media screen and (-webkit-min-device-pixel-ratio:0){ html{ /* need this so that Safari3 can use window.getMatchedCSSRules to collect CSSStyleRule later */ list-style-image:none; } .your_own_selector{ color:red; } }

Example

You're not using Safari 3