getComputedStyle (element) .getPropertyValue ("- varName") не работает в firefox

Question

Ну, я хочу использовать некоторые css вары в моем js коде.

Вот часть моего. css файла и. js кода:

const root = document.querySelector(":root");
const msgColor = getComputedStyle(root).getPropertyValue("--msg-color");
console.log(msgColor);

:root {
  --msg-color: crimson;
  --msg-text: floralwhite;
}

Проблема в том, что в chrome, safari и новом Edge я получаю правильное значение цвета в моей константе, но в firefox, не работает.

Есть идеи? Спасибо.

Answer 1

Похоже, это была версия firefox. Было 68.xx Сейчас с 77.0.1 работает нормально.