Adam Bourg
Adam Bourg

Reputation: 59

Targeting only the Dolphin Browser with CSS

What would be best way to target only Dolphin Browser with your CSS rules and not a single other browser?

Dolphin is browser on the Evo. Something like what targets Firefox:

@-moz-document url-prefix() {
h1 {
    color: red;
}

}

Upvotes: 2

Views: 1702

Answers (2)

williamsandonz
williamsandonz

Reputation: 16430

Dolphin on Android and IOS has basically the EXACT same user agent string compared to Safari on IOS, or in the Android scenario, as the native Android browser on Android 2.X at least.

I personally think they did this deliberately haha

The way I think you could detect Dolphin is with:

Detect if "Safari" is in the UA, (sure it will still match IOS Safari and Native Android browser, but then check how high the header is, the Dolphin header is twice as tall and even has that anonying bar at the bottom.

Upvotes: 1

Pekka
Pekka

Reputation: 449703

I have never heard of this browser, but chances are that there are no CSS specific hacks to target it. You would have to detect it using the USER_AGENT string (either on server side or in JavaScript) and serve the appropriate CSS rules.

Related:

Upvotes: 0

Related Questions