使用 JavaScript 访问特定于供应商的 CSS 属性

Accessing vendor-specific CSS properties w/JavaScript

本文关键字:供应商 CSS 属性 JavaScript 访问 使用      更新时间:2023-09-26

我很好奇如何通过本机javascript访问/修改-moz-transition(或此列表中的任何属性)等属性,即不依赖jQuery的.css('property', 'value');

例如,要更改元素的background-color可以使用element.style.backgroundColor

特定于供应商的属性名称是否只是被骆驼化并变得可操作?我不能这样做,也许它们不再由style的属性表示,应该在其他地方修改?或者也许它们根本无法通过 DOM 访问?

使用上骆驼大小写,例如 el.style.MozTransition .

示例:http://jsfiddle.net/R3y6f/1/

例如:-webkit-box-shadow

.style.setProperty("-webkit-box-shadow", "0 0 7px #ccc", null);
.style.removeProperty("-webkit-box-shadow");
.style["-webkit-box-shadow"];