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

Question

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

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

但是当直接将其设置为currentColor时，它确实可以工作。

我在本地和Browserstack上检查了它。 Edge 版本。 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
}