首页 >社区问答列表 >原生JS设置CSS3样式时,怎么添加兼容性前缀(-webkit-)

原生JS设置CSS3样式时,怎么添加兼容性前缀(-webkit-)

正常设置css3样式是这样的
obj.style.WebkitTransition = "all 1s linear";
解析出来的是
<div id="obj" style="transition: all 1s linear;"></div>
我想知道怎么加上-webkit-前缀。如下面
<div id="obj" style="-webkit-transition: all 1s linear;"></div>

  • 代言
  • 代言    2016-11-12 13:48:552楼

    那个,如果你的元素没有内联样式的话,你可以直接obj.style.cssText="-webkit-transition: all 1s linear;...;"试试看

    +0添加回复

  • 回复
  • 代言
  • 代言    2016-11-12 13:48:481楼

    你有用webpack、gulp、grunt这些工具么- -或者有编辑器吧,弄个Autoprefixer就行了- -手写很麻烦。。而且可维护性不好,以后突然其中一个前缀不需要了,你又要手动去改

    +0添加回复

  • 回复