Browser Specific CSS: Set document CSS class based on browser name

Recommend this page to a friend!
  Info   View files Example   View files View files (4)   DownloadInstall with Composer Download .zip   Reputation   Support forum   Blog    
Ratings Unique User Downloads Download Rankings
Not enough user ratingsTotal: 167 All time: 308 This week: 5Up
Version License JavaScript version Categories
browser-specific-css 1.0MIT/X Consortium ...1.0HTML, Browser
Description Author

This object can set document CSS class based on browser name.

It checks the identification of the browser to detect its family.

The object sets the page document root element CSS class name to the name of the browser family, so CSS definitions based on that class name match for the whole page document elements.

Innovation Award
JavaScript Programming Innovation award nominee
March 2015
Number 2
Sometimes it is necessary to implement workarounds to make certain features work better in certain browsers that have different behaviors than others.

Some workarounds can be implemented by defining CSS classes that apply only for those browsers.

This object can help implementing that approach, as it creates different CSS class names according to the browser type and operating system.

This way applications can define specific styles that apply only for the current browser.

Manuel Lemos
Picture of Suresh Kumar
Name: Suresh Kumar <contact>
Classes: 4 packages by
Country: India India
Age: ???
All time rank: 665 in India India
Week rank: 6 Up1 in India India Up
Innovation award
Innovation award
Nominee: 4x

Winner: 1x



Browser Specific Css is a javascript plugin that helps you to write css for specific Browsers, Devices and Operating systems. <br />

CSS Styling Guide

This script helps to write css for the following


Internet Explorer 6 <br /> Internet Explorer 7 <br /> Internet Explorer 8 <br /> Internet Explorer 9 <br /> Internet Explorer 10 <br /> Internet Explorer 11 <br /> Mozilla Firefox <br /> Safari <br /> Google Chrome <br /> Opera <br /> Konqueror <br /> Maxthon <br /> Rockmelt <br /> Flock <br />

<h3>Mobile Browsers:</h3>

Internet Explorer Mobile <br /> Opera Mini <br /> Opera Mobile <br /> Firefox Mobile <br /> Bolt <br />

<h3>Operating systems:</h3>

Windows (All windows os) <br /> Windows XP<br /> Windows Vista <br /> Windows 7 <br /> Windows 8 <br /> Mac <br /> iOS(iphone,ipad and ipod) <br /> Linux <br />


iPhone <br /> iPad <br /> iPod <br /> Android <br /> Symbian <br /> Blackberry <br /> Windows phone <br /> <h3>More information: </h3> <a href="">read documentation</a>

  Files folder image Files  
File Role Description
Plain text file browser-specific-css.js Class Class source
Accessible without login Plain text file example.html Example Example
Accessible without login Plain text file LICENSE Lic. Auxiliary data
Accessible without login Plain text file Data Auxiliary data

 Version Control Unique User Downloads Download Rankings  
This week:0
All time:308
This week:5Up