delite/uacss adds browser "centric" CSS classes to a the document's <body> tag. This is mainly used to be able to easily apply browser specific CSS styles, working around browser limitations and quirks.


In order to have the appropriate classes added to your document, just load the module:

define(["delite/uacss"], function(){
    // do something...

Then provide CSS rules that leverage the classes:

.d-ie-9 h1 {
    font-size: 24px;

There is no need to provide a variable in the callback function for delite/uacss, but the module will return an alias to requirejs-dplugins/has.

There are several different features that are detected and classes that are added to the document:

Browser and version:

Browser category:

See Also