标签搜索

如何使用JavaScript获取和设置CSS root变量值

sunshine
2022-11-12 / 0 评论 / 931 阅读
温馨提示:
本文最后更新于2022年11月12日,已超过739天没有更新,若内容或图片失效,请留言反馈。

1.CSS全局变量

:root {
    --color: #ccc;
}

2.js代码获取css全局变量

getComputedStyle(document.documentElement).getPropertyValue('--color'); // #ccc

3.js代码设置css全局变量

document.documentElement.style.setProperty('--color', '#fe000');
感觉很棒,欢迎点赞 OR 打赏~
2
分享到:

评论 (0)

取消