Set IE specific css styles via javascript

Question

I'm trying to set a CSS property, that is specific to IE, via javascript. Something like the following

document.body.style.-ms-content-zooming = "zoom";

or

document.body.style.-ms-scroll-snap-x = "whatever"

But the css property doesn't get set the way shown above (I tried the first line for sure). How could I accomplish the above task, or setting any css starting with a dash (-) for that matter, using javascript?

LJᛃ · Accepted Answer · 2015-03-27 01:51:24Z

4

I do not have an Internet Explorer at hand but usually styles containing dashes are camelcased like:

document.body.style.msContentZooming = "zoom";

See this MSDN Blog post

edited Mar 27, 2015 at 1:51

answered Mar 27, 2015 at 1:30

LJᛃ

8,2232 gold badges27 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Mohammad Najar Over a year ago

great .. This actually worked ..! will accept the answer in 6min.

LJᛃ Over a year ago

cool, was'nt sure if MS did it the same way, but I've found a reference that confirms this first hand.

jasonscript Over a year ago

FYI: the reason for this is that JavaScript treats the - character as a subtract operation

Collectives™ on Stack Overflow

Set IE specific css styles via javascript

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related