微软Edge是否支持CSS自定义属性？版本18无法使用求助

我来帮你拆解下问题根源，大概率是两个细节没处理好导致的：

1. CSS注释语法不兼容 #

你代码里用了// Color definitions这种单行注释，但CSS标准里的单行注释//是较新才支持的特性，EdgeHTML 18（也就是你使用的Edge 18）并不兼容这种写法。浏览器会把这个注释判定为无效代码，进而影响后续--white变量的解析，导致变量根本没被正确定义。

修复方案：换成CSS标准的多行注释语法：

:root {
  /* Color definitions */
  --white: 255, 255, 255;
}

2. rgba()函数参数处理严格 #

EdgeHTML 18对rgba()的参数要求比较苛刻，它不支持只传入三个颜色值的写法（现代浏览器会默认把alpha通道设为1，但旧Edge不认可这种省略）。你需要明确写出第四个透明度参数，哪怕值是1。

修复后的背景色写法：

background-color: rgba(var(--white), 1);

把这两个调整都做完后，你的代码应该就能在Edge 18里正常生效了。建议先修复注释问题，再测试是否需要补充alpha参数，通常这两步就能解决问题。

内容的提问来源于stack exchange，提问作者user1941537