Icontem

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    
Last Updated Ratings Unique User Downloads Download Rankings
2015-05-08 (4 years ago) RSS 2.0 feedNot enough user ratingsTotal: 165 All time: 305 This week: 8Up
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
Name: Suresh Kumar <contact>
Classes: 4 packages by
Country: India India
Age: ???
All time rank: 675 in India India
Week rank: 12 Up2 in India India Up
Innovation award
Innovation award
Nominee: 4x

Winner: 1x

Details

browser-specific-css

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

<h3>Browsers:</h3>

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 />

<h3>Devices:</h3>

iPhone <br /> iPad <br /> iPod <br /> Android <br /> Symbian <br /> Blackberry <br /> Windows phone <br /> <h3>More information: </h3> <a href="http://www.idiotinside.com/browser-specific-css/">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 README.md Data Auxiliary data

 Version Control Unique User Downloads Download Rankings  
 100%
Total:165
This week:0
All time:305
This week:8Up