currentColor 设置为自定义 属性 在 Edge 中不起作用

Question

当通过自定义 属性 将 color 设置为 currentColor 时，它不起作用。

无论 属性 设置在 :root 还是 .selector 范围内。

但是当它直接设置为 currentColor 时它确实有效。

我在本地和 Browserstack 上检查过。 边缘 版本。 17、16

:root {
  --btn-content--color: currentColor;
}
.btn {
  color: red;
}
.btn-content {
  color: var(--btn-content--color); // doesn't work
}
.btn-content {
  color: currentColor; // works
}

您可以在这里自己尝试：https://jsfiddle.net/9gmbfwu4/

Answer 1

我明白了;]

:root {
  --btn-content--color: 'currentColor';
}
.btn {
  color: red;
}
.btn-content {
  color: var(--btn-content--color); // works as expected
}