使用javascript设置供应商前缀CSS [英] Setting vendor-prefixed CSS using javascript

问题描述

...是一个巨大的痛苦。

...is a huge pain.

var transform = 'translate3d(0,0,0)';
elem.style.webkitTransform = transform;
elem.style.mozTransform = transform;
elem.style.msTransform = transform;
elem.style.oTransform = transform;

有库/框架/更好的方法吗？最好只用一行JS？

Is there a library/framework/better way to do this? Preferably with just one line of JS?

推荐答案

我不知道有任何库，但如果他们都是只是前缀 - 也就是说，名称或语法没有区别 - 自己编写函数很简单。

I don't know of any library that does this, but if they are all just prefixes--that is, there is no difference in name or syntax--writing a function yourself would be trivial.

function setVendor(element, property, value) {
  element.style["webkit" + property] = value;
  element.style["moz" + property] = value;
  element.style["ms" + property] = value;
  element.style["o" + property] = value;
}

那么你可以在大多数情况下使用这个。

Then you can just use this in most cases.

这篇关于使用javascript设置供应商前缀CSS的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！