检查这个小提琴:
var element = document.getElementById("div");
console.log(element.style.filter);

<div style = 'filter: drop-shadow(0px 0px 5px black); width: 50px; height: 50px; background: red' id='div'></div>
&#13;
Firefox将输出:
drop-shadow(0px 0px 5px black)
没关系。
Chrome会输出:
drop-shadow(black 0px 0px 5px)
在第一个位置移动color
参数(black
),难以在多个浏览器上解析它...
有谁知道为什么以及是否有办法将其标准化?