如何使用 CSS 更改滚动条的背景颜色？

Question

这是我的滚动条的 CSS 代码：

但我想把那个白色改成深色。但是我不能，我已经尝试在 google 上搜索，但什么也没有。

你能告诉我为深色背景添加什么代码吗？

::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
background-color: #F5F5F5;
border-radius: 10px; }

::-webkit-scrollbar {
width: 11px;
background-color: #F5F5F5; }

::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
background-image: -webkit-gradient(linear, left bottom, left top, from rgba(106, 17, 203, 1), rgba(37, 117, 252, 1));
background-image: -webkit-linear-gradient(bottom, rgba(106, 17, 203, 1), rgba(37, 117, 252, 1));
background-image: linear-gradient(to top, rgba(106, 17, 203, 1), rgba(37, 117, 252, 1)); }

Answer 1

我假设您要查找的选择器是 ::-webkit-scrollbar-track

如果你在上面设置了深色背景，它应该会改变。如果您这样做了但它不起作用，则可能是您正在调试的浏览器版本有问题。

注意：Firefox 和 IE 完全不支持这个！

我建议使用 <div>-s 和 JS 的另一种解决方案来制作您自己的自定义滚动条，因为它更可靠，但如果您想坚持使用此选择器，请查看w3schools 或 MDN。