gpt4 book ai didi

jquery - 使用 jQuery 更改 CSS 变量

转载 作者:技术小花猫 更新时间:2023-10-29 10:17:22 24 4
gpt4 key购买 nike

<分区>

是否可以使用 jQuery 更改 CSS 中使用的变量?简单示例:

html {
--defaultColor: teal;
}
.box {
background: var(--defaultColor);
width: 100px;
height: 100px;
margin: 5px;
float: left;
}
.circle {
background: #eee;
border: 2px solid var(--defaultColor);
width: 100px;
height: 100px;
margin: 5px;
float: left;
border-radius: 100%;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="clickToChange" type="button" style="width: 100%;">Click to Change</button>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<br/>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>

例如,如何将可变颜色从蓝绿色更改为红色?这个不行。

$("#clickToChange").click(function(){
$(html).css("--defaultColor", "red");
});

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com