Javascript 为什么我在浏览器中获得不同的boxShadow值？

我需要动态操作

boxShadow

，但是根据浏览器的不同，我会得到不同的值。
我怎么修理它

例如：

var shadow = document.getElementById("demo").style.boxShadow; 

在谷歌chrome中：

框影：rgba（0,0,0,0.5）0px 0px 150px 0px插入

在mozilla中：
框阴影：rgba（0,0,0,0.5）0px 0px 150px 0px插入

但是在边缘我在不同的位置得到rgb和插图：
框阴影：插图0px 0px 150px 0px rgba（0,0,0.5）

我还没有在狩猎中试过

有什么办法解决这个问题吗？我需要所有浏览器中的代码boxShadow都相同。
无法测试，但是
getComputedStyle（document.getElementById（“demo”））.boxShadow？获取style属性必然存在差异。另外，一种解决方法是将其存储在不会移动的位置，如
数据阴影=“…”
同意，将阴影保存到数据属性将是最好的做法，因为根据我的经验，浏览器往往会返回不同的CSS值，具体取决于您使用的CSS值。阅读这里的数据属性：这可能有点复杂，但您也可以为此编写一个解析器。语法相当简单，因此您可以读取它，将其重新格式化为您期望的格式，然后将其重新分配。浏览器似乎接受具有任意顺序值的内联样式属性（例如，
inset
位于开头或结尾）。因此，对于浏览器来说，你如何编写它似乎并不重要——它会阅读和理解它。好吧，chrome和mozilla显示相同的代码，但知道如何将“镜像”代码转换为边缘吗。。，为了看起来和chrome一样，mozilla…无法测试，但是关于
getComputedStyle（document.getElementById（“demo”））.boxShadow？获取style属性必然存在差异。另外，一种解决方法是将其存储在不会移动的位置，如
数据阴影=“…”
同意，将阴影保存到数据属性将是最好的做法，因为根据我的经验，浏览器往往会返回不同的CSS值，具体取决于您使用的CSS值。阅读这里的数据属性：这可能有点复杂，但您也可以为此编写一个解析器。语法相当简单，因此您可以读取它，将其重新格式化为您期望的格式，然后将其重新分配。浏览器似乎接受具有任意顺序值的内联样式属性（例如，
inset
位于开头或结尾）。因此，对于浏览器来说，你如何编写它似乎并不重要——它会阅读和理解它。好吧，chrome和mozilla显示相同的代码，但知道如何将“镜像”代码转换为边缘吗。。，为了看起来和chrome一样，mozilla。。。