Browser-prefixed CSS properties in jQuery
I am trying to add
box-flex to a
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
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.
Did you try
(Note the extra quotes after the comma)
This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here