How to apply IE Fixes for LESS CSS

Question

how to use ie 9 hack in less css?

ie 9 hack \0/

compiler error

Following characters are exceptions and not encoded: ,, /, ?, @, &, +, ', ~, ! and $.

how to encode this characters ?

Don't use CSS hacks. Use Modernizr or conditional comments to add a class to the `` element so that you can style it normally. — Blender, Aug 17 '13 at 07:57

score 1 · Answer 1 · answered Aug 17 '13 at 18:14

You cannot... either use Modernizr like @Blender suggested or in your markup append ie9 class using:

<!--[if IE 9]><script>document.documentElement.className += " ie9";</script><![endif]-->

and use ie9 specific rules in LESS:

.ie9 & { /* IE9 rules */ }

score 0 · Answer 2 · edited May 23 '17 at 12:14

0

You can apply some hacks css with this following answer : Writing browser specific hack in Less (for <IE9)

@hack: ~"/*\**/";
#veinte { 
    color@{hack}: blue\9; 
}

Compiled CSS:

#veinte {
    color/*\**/: blue\9;
}

edited May 23 '17 at 12:14

Community

answered Oct 14 '15 at 13:54

Ema.H

2 Answers2