CSS var 函数
CSS 大约 880 字CSS
.test{
background-color: var(--bgColor, red);
}
JS
document.body.style.setProperty("--bgColor", "green");
注意
设置在body
标签的属性,将是一个全局属性,更多时候可以设置为某个单独标签的属性。
另外,要在body
中设置,记得在文档初始化完成后再执行JavaScript
代码。
示例代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.test{
background-color: var(--bgColor, red);
}
</style>
</head>
<body>
<div class="test">
aaa
</div>
</body>
<script>
document.body.style.setProperty("--bgColor", "green");
</script>
</html>
补充
Angular
中的组件中,可以给某个特定的component
设定。
constructor(private elementRef: ElementRef) {}
ngAfterViewInit(){
this.elementRef.nativeElement.style.setProperty("--bgColor", "green");
}
参考
阅读 963 · 发布于 2021-11-19
————        END        ————
Give me a Star, Thanks:)
https://github.com/fendoudebb扫描下方二维码关注公众号和小程序↓↓↓

昵称:
随便看看
换一批
-
Arthas 使用 monitor 在指定时间段内统计方法的调用次数、平均返回时间等阅读 2692
-
Jenkins 一直卡在 Setup Wizard 界面解决办法阅读 720
-
设计模式之命令模式阅读 987
-
Windows 命令行中打开文件夹阅读 1346
-
设计模式之模板方法模式阅读 1915
-
JMeter 从文件中读取变量参数阅读 1894
-
软考-系统架构设计师:数据库优化阅读 1982
-
MySQL 查看有多少个连接阅读 1224
-
package.json 中的依赖包版本号阅读 101
-
MyBatis Cause: java.lang.IndexOutOfBoundsException: Index: 5, Size: 5阅读 5972