如何通过javascript设置框阴影？

我知道你可以做到以下几点：

element.style.box-shadow ="something";

我如何涵盖-moz和-webkit扩展

---

如果我做了

element.style.-webkit-box-shadow=“something”

和

element.style.-moz-box-shadow=“something”

，我会被覆盖吗？

该选项称为

webkitBoxShadow

，

mozBoxShadow

，等等-要将CSS选项名称转换为

.style.

属性，请删除前导破折号，然后将其从带破折号的

小写转换为
小写。

element.style['-webkit-box-shadow'] = "something";

或者在Mozilla中：

element.style['-moz-box-shadow'] = "something";

最好设置一个为各种浏览器声明这些阴影属性的类，并将该类附加到目标元素的
className

比如：

.shadowed{
    /*all shadow declarations for various browsers*/ 
    -o-
    -webkit-
    -moz-
    -ms-
    box-shadow
}

element.className += ' shadowed';

您可能希望在新类前面放置一个空格：
“shadowed”