如何用JavaScript修改::webkit-scrollbar的CSS样式？现有方法失效求解决

哦，这个坑我之前踩过！你遇到的报错是因为::-webkit-scrollbar属于厂商前缀伪元素选择器，而老的addRule API对这类非标准选择器的解析支持不太友好，反而标准的insertRule方法能完美处理它。

下面给你两种可行的解决方案：

方案一：使用标准的insertRule方法 #

insertRule是CSSOM的标准API，对复杂选择器（包括带厂商前缀的伪元素）的兼容性更好。代码示例：

// 获取目标样式表
const mySheet = document.getElementById("my_sheet").sheet;
// 插入滚动条样式规则，第二个参数表示插入到现有规则的末尾
mySheet.insertRule('::-webkit-scrollbar { width: 10px; }', mySheet.cssRules.length);

这里要注意第二个参数是插入位置，传mySheet.cssRules.length可以确保新规则添加到样式表最后，避免被其他优先级更高的规则覆盖。

方案二：直接修改