如何通过javascript设置框阴影

How to set box shadow via javascript?

本文关键字：阴影 设置 javascript 何通过      更新时间：2023-09-26

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

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

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

如果我做了element.style.-webkit-box-shadow="something"和element.style.-moz-box-shadow="something"，我会被承保吗？

该选项称为 webkitBoxShadow 、 mozBoxShadow 等 - 要将 CSS 选项名称转换为 .style. 属性，请删除前导短划线，然后将其从 lowercase-with-dashes 转换为 lowerCamelCase.

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

像这样：

.shadowed{
    /*all shadow declarations for various browsers*/ 
    -o-
    -webkit-
    -moz-
    -ms-
    box-shadow
}
element.className += ' shadowed';

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

或者在 Mozilla 中：

element.style['-moz-box-shadow'] = "something";
相关文章：