jQuery의 브라우저 접두사 CSS 속성

Question

jQuery를 사용하여 <p>에 box-flex을 추가하려고합니다. 현재로서는 box-flex에 브라우저 접두어가 붙습니다. Chrome/Safari의 경우 -webkit-box-flex: 1을 설정하면됩니다. 그러나 jQuery를 사용하여이 속성을 설정하면 작동하지 않습니다.

내가 -webkit-box-flex, box-flex, WebkitBoxFlex, webkitBoxFlex 내가 기억할 수없는 더 아마도 몇 가지 조합을 설정하려고했습니다

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

JSBin that demonstrates the problem

.

각 상자에 런타임 정의 box-flex 값이 필요하므로 위의 코드는 매우 단순화되었습니다.

Answer 1

은 내가이 작동하는지 확인할 수 있습니다