自定义CSS webkit的滚动条不能在Firefox brwoser工作

Question

这里是我的小提琴：SCROLLBAR

运行在Chrome和Firefox浏览器的小提琴，点击“切换”按钮来查看未申请滚动条的自定义CSS Firefox浏览器。

有没有一种方法可以在所有浏览器中显示自定义滚动条？

::-webkit-scrollbar { 
    width: 8px; 
} 
/* Track */ 
::-webkit-scrollbar-track { 
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); 
    -webkit-border-radius: 100px; 
    border-radius: 100px; 
} 
/* Handle */ 
::-webkit-scrollbar-thumb { 
    -webkit-border-radius: 100px; 
    border-radius: 100px; 
    background: #c1bdbe; 
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); 
} 
::-webkit-scrollbar-thumb:window-inactive { 
    background: #555D69; 
} 

任何帮助将不胜感激。

谢谢。

Answer 1

Firefox不支持自定义滚动条，所以没有办法在CSS中做到这一点。 https://developer.mozilla.org/en-US/docs/Web/CSS/::-webkit-scrollbar

您必须使用JavaScript才能在所有浏览器上使用全局样式。