我正在尝试通过JavaScript更新CSS自定义属性(“ CSS变量”)。这有效:
element.style.setProperty("--foo","bar");
element.style.setProperty("--bar","foo");
element.style.setProperty("border","10px solid hotpink");
但是使用Object.assign
无效。将应用边框,但不应用CSS变量--foo
和--bar
。
const styles = {}
styles["--foo"] = "bar";
styles["--bar"] = "foo";
styles["border"] = "10px solid hotpink";
Object.assign(element.style,styles);
有人知道这是怎么回事吗?