如何通过jquery更改变量：root css？

如何更改变量：root

css

by

jquery

:root {
      --color: #E72D2D;
}
.box-icon {
    background-color: var(--color);
}

这不起作用

    $("#blueColor").click(function(e) {
        $(":root").css("--color", "#137581");
    }

克瓦布拉
*{color:var（--color，black）；}
$（函数（）{
$（“#jqCSS”）.html（“”）；
功能qwa（英寸）{
用于（变量i，单位为英寸）{
$（“#jqCSS”）。追加（i+“{”）；
用于（变量j，单位为英寸[i]）{
$（“#jqCSS”）。追加（j+”：“+英寸[i][j]+”；”；
};
$（“#jqCSS”）。追加（“}”）；
};
};
qwa（{：根“{”--颜色“：“蓝色”}）；
qwa（{“div”：{--color”：“green”}）；
qwa（{“警告”：{--color”：“红色”}，a:{“文本装饰”：“无”}，a：悬停”：{“文本装饰”：“下划线”}）；
qwa（{“p”：{“背景色”：“rgba（128，128，128，0.44）；”，“边框”：“实心1px”}）；
});
我从根元素继承了蓝色

我直接被绿色设定在我身上！
而我却被红牌直接对准了我！
我也是红色的，因为遗传

这很有效

$("#blueColor").click(function(e) {
    document.documentElement.style.setProperty('--color', "#137581");
});

或

$("body").get(0).style.setProperty("--color", "#137581");