是否可以通过JavaScript更改CSS伪元素样式？
例如，我希望动态设置滚动条的 colored颜色 ，如下所示:
document.querySelector("#editor::-webkit-scrollbar-thumb:vertical").style.background = localStorage.getItem("Color");
我还希望能够告诉滚动条这样隐藏:
document.querySelector("#editor::-webkit-scrollbar").style.visibility = "hidden";
但是，这两个脚本都会返回:
未捕获的TypeError:无法读取null的属性"style"
还有别的办法吗？
跨浏览器互操作性并不重要，我只需要它在Webkit浏览器中工作.
EDIT:有一种方法可以通过JavaScript直接更改CSS伪元素样式，如this answer describes，但这里提供的方法更可取.
最接近于在JavaScript中更改伪元素样式的方法是添加和删除类，然后对这些类使用伪元素.隐藏滚动条的示例:
CSS
.hidden-scrollbar::-webkit-scrollbar {
visibility: hidden;
}
JavaScript个
document.getElementById("editor").classList.add('hidden-scrollbar');
要稍后删除相同的类，您可以使用:
document.getElementById("editor").classList.remove('hidden-scrollbar');