Firefox滚动条颜色样式不生效原因咨询（macOS 10.15.6环境）

我来帮你搞定这个困扰——在macOS 10.15.6的最新版Firefox里，scrollbar-color样式不生效，根本不是你的CSS写得有问题，而是浏览器默认使用了系统原生滚动条，直接忽略了自定义样式。下面是具体的解决步骤：

• 首先打开Firefox的设置页面：在地址栏输入 about:preferences 并回车。
• 切换到「通用」选项卡，往下滚动找到「语言和外观」板块，定位到「网站外观」部分。
• 找到并勾选「允许页面选择自己的滚动条颜色，而非使用macOS样式」这个选项（不同版本的Firefox文字可能略有差异，核心是允许网站替代系统滚动条样式）。
• 最后重启Firefox，再测试你的CSS代码。

另外，给你两个小提示确保样式生效：

1. 确保你把样式应用到了正确的元素上，比如全局的html/body，或者带有overflow: auto/scroll的容器元素，比如：

/* 全局滚动条样式 */
html {
  scrollbar-color: rebeccapurple green;
  scrollbar-width: auto; /* 可选，明确滚动条宽度 */
}

/* 特定容器的滚动条样式 */
.custom-scroll-container {
  overflow: auto;
  scrollbar-color: rebeccapurple green;
}

2. 如果勾选设置后还是没效果，可以检查Firefox是否处于隐私浏览模式，部分隐私设置可能会限制自定义样式（不过这种情况很少见）。

按照这个步骤操作后，你应该就能看到自定义的滚动条颜色了，包括Mozilla官网的示例也会正常生效。

内容的提问来源于stack exchange，提问作者Petros Kyriakou