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
}