CSS 变量在 Microsoft Edge 中的工作方式是否有所不同？

我正在开发一个网站，并针对 Firefox 和 Chrome 对其进行了优化。该项目包含一个名为base.css它包含在所有页面中，并且包含一些全局设置和定义，包括我用来存储颜色值的变量列表，如下所示：

:root {
    --yellow-1: #fff8e3;
    --yellow-2: #ffe9a9;
}

等等，并像这样称呼它们：

.a-class {
    background-color: var(--yellow-2);
}

当我在 Edge 中查看页面时，所有颜色都丢失了，当我使用 DOM 资源管理器时，它用红色下划线标记了变量的所有使用。 Edge 不支持 CSS 变量吗？我可以做些什么来解决这个问题？

MS Edge 确实支持 EdgeHTML v15 中的 CSS 变量：

https://blogs.windows.com/msedgedev/2017/03/24/css-custom-properties/

这也在这里得到支持：

https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_variables#Browser_compatibility

语法如下：

声明一个变量：

element {
  --main-bg-color: brown;
}

使用变量：

element {
  background-color: var(--main-bg-color);
}