IE浏览器支持CSS变量有什么黑客吗？

我使用CSS变量的主题颜色和主题背景，但我的代码不能在IE浏览器。 IE浏览器支持CSS变量吗？IE浏览器支持CSS变量有什么黑客吗？

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

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

来源

2017-10-16 Shubham

都能跟得上。最好的选择是去Sass或者导入一个回退样式表。 – Roberrrt

@Roberrrt我正在基于JavaScript，HTML和CSS只，其中我不能添加任何SASS支持离线项目:( – Shubham

IE不支持变量。但是你可以使用CSS预处理器，比如LESS或者SASS。

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

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

来源

2017-10-16 10:19:31 Justinas

OP表示，他不能用无礼的话，虽然 – Roberrrt

我正在基于离线项目于JavaScript，HTML和CSS只，其中我不能添加任何小于或SASS支持:( – Shubham

@Roberrrt这是完全没问题的说明。 – Justinas

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

完成你的项目，然后复制你的CSS文件，查找和替换与值得尊敬的颜色所有var(--theme-bg-color);的的：#323232;。

这将导致你不得不重做每次迭代这一步，但将保证完全支持网站，甚至在Internet Explorer中。

来源

2017-10-16 10:27:11 Roberrrt

什么是整个开发过程中使用VAR的呢？ – Justinas

相合的。 – Roberrrt

的CSS变量的整体思路是相合，最终用户将永远不会看到在第一时间使用的任何优势，有这么坚持这个解决方案在开发阶段会产生最好的结果（此外，OP正在请求一个'hacky fix' '的变量，而'找到和替换'的解决方案肯定是'哈克'。 – Roberrrt

IE浏览器支持CSS变量有什么黑客吗？

回答

相关问题