在Firefox中更改滚动条外观的问题答案

【问题标题】：Problems with changing the scrollbar appearance in firefox在Firefox中更改滚动条外观的问题
【发布时间】：2021-08-23 21:10:18
【问题描述】：

你好！

我将它放入我的 css 文件中以更改滚动条的外观。它可以按预期在几乎所有浏览器中运行，但不能在 Firefox 中运行：

::-webkit-scrollbar{
    width: 10px;
    background-color: #f1f1f1;
}

::-webkit-scrollbar-thumb{
    background-color: #353b48;
}

在 Firefox 中我还需要做什么？ ^^

【问题讨论】：

【解决方案1】：

Firefox 不支持 ::-webkit-scrollbar 选择器：

您仍然可以自定义滚动条！见这些：

【讨论】：

【解决方案2】：

Firefox 不支持“-webkit-scrollbar”，但仍支持自定义滚动条。

scrollbar-color: #f1f1f1 white;
scrollbar-width: thin;

只需将其添加到您的代码中即可。

【讨论】：

那行不通。我试过了，但我想要整个网站的滚动条，而且只适用于带有文本的 div。我对“编码”也很陌生，但是当我以类为例或在其中创建一个也不起作用的 div 时：o