滚动条颜色的问题

疑问解答
1

因为黑暗模式进度条和背景颜色差不多总是找不到就找了个改进度条颜色的css，如下

body:not(.native-scrollbars) ::-webkit-scrollbar {
  background-color: rgb(94, 88, 88);
}

body:not(.native-scrollbars) ::-webkit-scrollbar-thumb {
  background-color: rgb(219, 212, 212);
  border: 2px solid rgb(219, 212, 212);
}

目前有个问题，就是鼠标悬停在滚动条上之后，这个滚动条就又变成默认颜色了，想问下鼠标悬停的颜色怎么改

2

这个大佬发过一个滚动条美化的脚本

好像是这个你试试

::-webkit-scrollbar-thumb:hover {
}

另外这个好像是点击的颜色

::-webkit-scrollbar-thumb:active {
}
3

不好意思，我是个半吊子，我理解的是这两个是吧

::-webkit-scrollbar-thumb:hover {
    --scrollbar-color: var(--setting-scrollbar-hover);
}
::-webkit-scrollbar-thumb:active {
    --scrollbar-color: hsla(var(--color-accent-hsl), 64%);
}

然后–setting-scrollbar-hover和–color-accent-hsl应该是颜色，我就改成了下面这个


::-webkit-scrollbar-thumb:hover {
    --scrollbar-color: rgb(255, 0, 221);
}
::-webkit-scrollbar-thumb:active {
    --scrollbar-color: rgb(255, 0, 221);
}

然后复制到我的css里了，也刷新了，也试过重启，但是好像没啥变化。。。。

4

我是直接用他的整个脚本的，具体我也不太懂，你加个!important试试看

5

好的，我研究研究

6

请问大佬解决了吗？我碰到了同样的问题。。。