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

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

基本上我正在做的是：

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

对于浏览器支持，我还应该为

-webkit

-moz

设置此值

我认为这是不受支持的，而且它还需要在某个地方具有inset值，以使其成为内框阴影

我也搜索了jquery插件，发现了只改变阴影颜色的

boxShadow

方法。有没有办法做到这一点？我错过了什么吗。我想我能做的是用不同的内部

box shadow

创建不同的css类，并使用jquery将类添加和删除到一个div中，以更改

box shadow

。在我看来，这似乎是另一种方式，但我想确保，如果没有办法改变的颜色

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

---

这个

框直接阴影

？

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

CSS:

JavaScript:

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

正如你所看到的，如果你希望它是一个插入框阴影，我也为你做了框阴影插入

希望这有帮助

编辑：我编辑代码，在添加新类之前删除每个类，以备将来有人需要

---

我使用reg ex是因为在某些浏览器中，一种颜色可以使用不同的格式返回，例如透明在chrome中返回为rgba（0,0,0,0）

在添加要显示的颜色之前，我是否需要先删除另一个类？不，因为元素可以有多个类。因此，您不必删除任何类。：）我知道这一点，但让我困惑的是，假设我有一个元素，如果我不删除其中一个boxShadow类并继续添加它们，它将如何解决，以及哪一个将应用于元素？我还想知道的另一件事是，因为这个函数将每10秒调用一次，所以每10秒我将把类添加到元素中。那么，如果一个元素已经有了相同的类，如果我尝试添加相同的类，那么它是如何工作的呢？是否有任何机制可以检查它，或者它将继续在div中添加相同名称的类？谢谢：）您可以在添加另一个类之前删除每个类。如果您需要这方面的代码片段，请告诉我：）

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

    .boxShadow {
    -webkit-box-shadow: inset 0px 0px 30px rgba(1,2,3,0);
    -moz-box-shadow: inset 0px 0px 30px rgba(1,2,3,0);
    box-shadow: inset 0px 0px 30px rgba(1,2,3,0);
}

$('#m-div').css('box-shadow').replace(/rgba\([1\s]+,[2\s]+,[3\s]+,[0\s]+\)+/g,'red')