CSS 变量在 Microsoft Edge 中不起作用 [重复]答案

【问题标题】：CSS Variables don't work in Microsoft Edge [duplicate]CSS 变量在 Microsoft Edge 中不起作用 [重复]
【发布时间】：2017-01-28 12:31:56
【问题描述】：

我正在设计一个新的博客模板。我想通过更改变量的值来轻松地同时更改整个模板颜色，所以我使用了这些行：

:root {
  --bg-color: #fff;
  --url-color : #000;
  --main-color : #2daeeb;
  --main-hover-color : #2ca1de;
  --alt-color : #ff6347;
}

但不幸的是它在 Edge 浏览器中不起作用，即使我使用了前缀：

-webkit-

【问题讨论】：

尚不清楚您的问题是什么以及您要达到的目标。 CSS 变量在 Edge 中不可用：caniuse.com/#feat=css-variables。您要回答的问题是什么？
我现在不相信 Edge 支持 CSS 变量。
MDN 和 caniuse 都表示此功能在 MSIE 和 Edge 中不受支持。
也就是说，我不明白为什么人们认为您的问题不清楚。它不是，也不应该被否决。
@Mr Lister：我也没有。这个问题有两点很清楚：1）它询问的是自定义属性 2）这是一个 XY 问题；）

【解决方案1】：

IE 不支持 CSS 变量，以后也不会支持。

更新：

自 EdgeHTML 15 起，Edge 支持 CSS 变量（与 Windows 10 版本 15063 一起打包，自 2017 年 3 月起可用。

请参阅浏览器兼容性下的here。

作为替代方案，您可以使用 CSS 预处理器来编译您的 CSS，使用您描述的方式使用变量。

【讨论】：