2016-06-16 11 views
0

インラインで使用する場合JavaScriptスタイルを挿入する。JavaScriptのインラインスタイル 'webkitTransform' with safari

例えば、 document.querSelector('.test').style.color = 'red';

私が以下のトランスフォームのためにしたとき。

webkitTransform: 'translate(-50%, -50%)', 
MozTransform: 'translate(-50%, -50%)', 
msTransform: 'translate(-50%, -50%)', 
OTransform: 'translate(-50%, -50%)', 
transform: 'translate(-50%, -50%)', 

出力インラインCSS:(なぜ欠けているwebkite-変換 ' - '?)

webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%); 
-o-transform: translate(-50%, -50%); 
transform: translate(-50%, -50%); 
min-width: inherit; 

いかなる理由がなぜこれが起こっているのでしょうか?

+0

をあなたの質問は正確には何ですか? – Hamms

+0

'-'は次の文字を大文字にするために使われます – Fabricator

答えて

0

WebKitがUPCASEする必要があります:)

W ebkitTransform: '(-50%、-50%)を変換'