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

Question

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

::-webkit-scrollbar-thumb {<br/>
  background-color: rgba(68, 102, 242, 0.15);<br/>
}<br/>

body.dark-only::-webkit-scrollbar-thumb {<br/>
  background-color: rgba(41, 50, 64, 0.52);<br/>
}<br/>

::-webkit-scrollbar {<br/>
  height: 6px;<br/>
  width: 6px;<br/>
}

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

Answer 1

在 Chrome 121 中，添加了对scrollbar-color和 的支持scrollbar-width。如果使用其中一些属性，则将::-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;
  }
}