Browser-prefixed CSS properties in jQuery

Question

I am trying to add box-flex to a <p> using jQuery. For now, box-flex is browser-prefixed. For Chrome/Safari you can then do -webkit-box-flex: 1 to set it. However, setting this property using jQuery does not work.

JSBin that demonstrates the problem

// this does not work
element.css('-webkit-box-flex', 1);

I've tried setting -webkit-box-flex, box-flex, WebkitBoxFlex, webkitBoxFlex and probably a few more combinations I can't remember.

I need runtime-defined box-flex values for each box, so the code above is very simplified.

John · Accepted Answer · 2011-11-07 12:46:37Z

7

Did you try

element.css('-webkit-box-flex', '1');

(Note the extra quotes after the comma)

answered Nov 7, 2011 at 12:46

John

5572 silver badges6 bronze badges

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

1 Comment

Vegard Larsen Over a year ago

Yes, this works beautifully. I had to wait before SO would allow me to approve it... :)

Collectives™ on Stack Overflow

Browser-prefixed CSS properties in jQuery

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related