css 变量未生效

[Bo-Teng]

Hbuilder X 4.08
在App.vue中定义了一个--text-color

在其他页面中使用这个变量但是未生效

在小程序的开发者工具中能看到page节点下没有看到 --text-color 这个变量，在浏览器中html这个节点有这个变量，但是在**.device-introduction这个节点下没有color:var(--text-color)**

请问是什么原因导致了这个问题

[chasonma]

不生效可能是 :root 在小程序下是不支持的，可以使用条件编译区分，参考如下：

/* #ifdef H5 */
:root {
  --text-color: red;
}
/* #endif */

/* #ifdef MP */
view {
  --text-color: red;
}
/* #endif */

[Bo-Teng]

好的谢谢