jquery - 如何更改变量 :root css by jquery?

Question

如何通过jquery改变变量:root css？

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

这是行不通的

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

Answer 1

这个工作!

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

或

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