css - Firefox 上的样式滚动条

Question

我在 chrome 上使用样式化了元素的滚动条

aside::-webkit-scrollbar {
    width: 5px;
    color: skyblue;
}
aside::-moz-scrollbar {
    width: 5px;
    color: skyblue;
}
aside::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
aside::-moz-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
aside::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
aside::-moz-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
aside::-webkit-scrollbar-thumb{
    background: skyblue;
}
aside::-moz-scrollbar-thumb{
    background: skyblue;
}

当我尝试在 Firefox 上实现相同的功能时，我发现 Mozilla 不再支持旧样式滚动条方法...

现在有什么方法可以在 Firefox 中设置滚动条的样式吗？

Answer 1

不可能用 css

你可以试试jscrollpane