自定义滚动条（::-webkit-scrollbar）在版本 121.0.6167.86 中不起作用

Question

我今天更新了 chrome。现在我的自定义滚动条全部不起作用，请指导我解决这个问题。
这是我的自定义CSS

::-webkit-scrollbar-thumb {
背景颜色: rgba(68, 102, 242, 0.15);
}

body.dark-only::-webkit-scrollbar-thumb {
背景颜色: rgba(41, 50, 64, 0.52);
}

::-webkit-滚动条 {
高度：6px；
宽度：6px；
}

我搜索谷歌并没有找到答案。
希望得到帮助

Answer 1

Chrome 121 添加了对滚动条颜色和滚动条宽度的支持。如果使用其中一些属性，则 ::-webkit-scrollbar 将无法工作

Chrome 121 发行说明：https://developer.chrome.com/blog/new-in-chrome-121?hl=ru#css-updates

我建议使用下面的代码来支持 Firefox 中的自定义滚动：

@-moz-document url-prefix() {
  * {
    scrollbar-width: thin;
    scrollbar-color: red;
  }
}