jquery - 如何使用 jquery 或以某种方式更改内部框阴影颜色？

Question

我想根据从数据库中获取的值更改框阴影颜色。

基本上我正在做的是:

if (dbValue==1)
      $('.myDivClass').css("box-shadow","0px 0px 30px #333333");
else
 $('.myDivClass').css("box-shadow","0px 0px 30px #999999");

为了浏览器支持，我也应该为 -webkit -moz 设置这个值。

我认为这是不支持的，并且它需要在某处具有插入值以使其成为内部框阴影。

我也搜索了 jquery 插件，我发现了 boxShadow 方法，它只改变外部阴影颜色。有什么办法吗？我错过了什么吗？我认为我能做的是创建具有不同内部 box-shadow 的不同 css 类，并且使用 jquery 我可以将类添加和删除到 div 中以更改 box-shadow。这在我看来是另一种方法，但我想确保如果没有办法改变颜色

box-shadow: inset 0px 0px 20px #257d0d;

这个 box-shadow 直接吗？

Answer 1

您可能应该只向元素添加一个类。

CSS:

.boxShadow {
-webkit-box-shadow: inset 0px 0px 30px #333333;
-moz-box-shadow: inset 0px 0px 30px #333333;
box-shadow: inset 0px 0px 30px #333333;
}
.boxShadow2 {
-webkit-box-shadow: inset 0px 0px 30px #999999;
-moz-box-shadow: inset 0px 0px 30px #999999;
box-shadow: inset 0px 0px 30px #999999;
}

JavaScript:

if (dbValue==1)
      $('.myDivClass').removeClass('boxShadow boxShadow2').addClass('boxShadow');
else
 $('.myDivClass').removeClass('boxShadow boxShadow2').addClass('boxShadow2');

如您所见，如果您希望它成为嵌入框阴影，我也为您制作了嵌入框阴影。

希望这对您有所帮助。

编辑: 我编辑了我的代码以在添加新类之前删除每个类，以防万一有人需要它...