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

Question

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

无论财产是设置在:root还是.selector范围内。

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

我在本地和Browserstack上查了一下。 Edge ver。 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
}