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

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

Downloadbrowser-specific-css-2021-11-28.zip 3KB
Downloadbrowser-specific-css-2021-11-28.tar.gz
Install with ComposerInstall with Composer
 Version Control Unique User Downloads Download Rankings  
 100%
Total:167
This week:0
All time:308
This week:5Up

  Applications that use this package  
No pages of applications that use this class were specified.

Add link image If you know an application of this package, send a message to the author to add a link here.


  Related pages  
Plugin documentation