如何在JavaScript中设置特定于浏览器的CSS？

Question

如何通过JavaScript将样式-webkit-box-shadow: 0px 0px 11px #000应用到元素？

- Nucle

Answer 1

您可以使用style对象进行设置：

element.style['-webkit-box-shadow'] = '0px 0px 11px #000';

示例：jsfiddle.net/S2eLb/

编辑：

明确一点，此方法不需要jQuery库。

- Guffa

Answer 2

由于我还没有看到一个不需要 jQuery 就能正常工作的代码示例，所以在这里提供一个：

document.getElementById("test").style.webkitBoxShadow = "0px 0px 11px #000";

注意，JavaScript属性与CSS属性不同。JavaScript属性不使用短横线，而是使用驼峰命名法。

此外，这里有一个可工作的演示http://jsfiddle.net/jfriend00/4LT7u/。

- jfriend00

---

你弄错了，我的答案没有使用jQuery。 - Guffa

Answer 3

你可以使用 .css。

$("divClass").css("-webkit-box-shadow","0px 0px 11px #000");

链接：http://api.jquery.com/css/

- ysrb

Answer 4

$('#elementname').css({
        '-webkit-box-shadow':'0px 0px 11px #000'})

- Samir Adel

Answer 5

使用骆驼命名法，像这样：

WebkitBoxShadow

通常情况下，JS API 中的 -<lowerCaseLetter> 会被翻译成相应的大写字母。

- user123444555621