Add conditional browser stylesheets and body class declarations
Easily include browser specific stylesheets in templates or select browser and version specific classes in CSS.
Conditional browser stylesheets are added after the main theme style.css allowing them to overrule previous rules – you only need to add the CSS rules that should change.
This plugin uses up-to-date WordPress top level functions, sanitizes all input data and is fully internationalized.
For feature request and bug reports, please use the Q Support Website.
Please do not use the WordPress.org forum to report bugs, as we no longer monitor or respond to questions there.
For an automatic installation through WordPress:
For a manual installation via FTP:
browsers
directory to the /wp-content/plugins/
directoryTo upload the plugin through WordPress, instead of FTP:
To add extra stylesheets, create a new CSS file and upload it to the root of your active theme or in the directory THEME/library/css/ – you can include a mixture of 3 values:
The plugin then looks for a matching CSS file in the root of the active theme or in the directory THEME/library/css/ using a combinations of these 3 values ( in these example we’ll use IE 10 on windows ):
The Browsers plugin adds a collection of extra browser and operating system specific classes to the HTML <body> tag of all front-end pages of the current active theme.
The best way to find out what classes are added is to use a source code inspector like Google Chrome’s Inspector to view the <body> tag.
You can then use these new classes to select HTML elements in the following way ( again using IE 10 as an example ):
~~ style.css ~~
body.browsers-msie-10 {
background-color: red;
}
~~~~~~~~~~~~