小编Rig*_*udi的帖子

这是我想要实现的目标的一支笔。

我正在尝试从 js 加载 css var。它工作得很好，但 rgba () 函数除外

 this.window.document.querySelector(':root').style.setProperty('--color', '#000');

这有效

.no-opacity{
  color: white;
  background: var(--color)
}

这不

background: rgba(var(--color), 0.5);

在笔中，我将其作为混合，但结果是相同的。

正如您所看到的，第一个栏“不透明度”背景不起作用。我正在使用 css 加载 css 变量

https://jsfiddle.net/8dwg7ncy/