IE变量的IE支持是否有任何破解？

Question

我正在使用CSS变量进行主题颜色和主题背景，但我的代码不适用于IE。 IE变量的IE支持是否有任何破解？

/* Declaring variable*/
:root {
  --theme-color: #323232;
  --theme-bg-color: #af0069;
}

/* Using variable */
.btn {
  background: var(--theme-bg-color);
  color: var(--theme-color);
}

Answer 1

IE不支持变量。但是你可以使用像LESS或SASS这样的CSS预处理器。

@themeColor: #323232;
@themeBgColor: #af0069;

.btn {
    background: @themeBgColor;
    color: @themeColor;
}

Answer 2

只有在这种情况下才可用的低调解决方案：

完成您的项目，然后复制您的CSS文件，使用可敬的颜色查找并替换所有var(--theme-bg-color);：#323232;。

这将导致您必须在每次迭代中重做此步骤，但将保证完全支持的网站，即使在Internet Explorer中也是如此。