CSS变量不适用于自定义属性回退值

pw136qt2 于 2022-12-30 发布在其他

关注(0)|答案(3)|浏览(158)

我声明了一个自定义属性：根如下，但我的颜色不为我工作。我错了什么？

:root {
    --color-primary: var(--color-primary, #ffc107);
}
body {
    background-color: var(--color-primary); // background color not work
}

来源：https://stackoverflow.com/questions/74950398/css-variables-not-work-with-custom-property-fallback-values

3条答案

按热度按时间

你需要像这样声明：root中的变量：

:root {
    --color-primary: #ffc107;
}

赞(0）回复(0）举报 2022-12-30

声明CSS变量应该像这样：

:root {
    --color-primary: #ffc107;
}
body {
    background-color: var(--color-primary);
}

赞(0）回复(0）举报 2022-12-30

使用like as
第一个月

赞(0）回复(0）举报 2022-12-30

相关问题

热门标签

Java query python Node 开发语言 request Util 数据库 Table 后端算法 Logger Message Element Parser

最新问答

xxl-job 安全组扫描到执行器端口服务存在信息泄露漏洞
回答(1) 发布于 4个月前
xxl-job 不能和nacos兼容？
回答(3) 发布于 4个月前
xxl-job 任务执行完后无法结束，日志一直转圈
回答(3) 发布于 4个月前
xxl-job-admin页面上查看调度日志样式问题
回答(1) 发布于 4个月前
xxl-job 参数512字符限制能否去掉
回答(1) 发布于 4个月前