Posted By

reverend on 09/20/11

Tagged

css
js
browser

Versions (?)

Last Edited at 09/20/11 03:40am

Statistics

Viewed 1096 times

Favorited by 0 user(s)

Related snippets

Target specific browsers in CSS with JS

/ Published in: JavaScript

Will produce output like this:

...

...

Target in CSS like this:

html[data-useragent*='Chrome/13.0'] .nav {background:url(img/radial_grad.png) center bottom no-repeat;}

or

html[data-useragent*='Chrome/13.0'][data-platform='Win32'] {}

or iPad only
html[data-platform='iPad']

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

<script>
  var b = document.documentElement;
  b.setAttribute('data-useragent',  navigator.userAgent);
  b.setAttribute('data-platform', navigator.platform );
</script>