我已经使用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中设置滚动条的样式?

最佳答案

CSS不可能

您可以尝试jscrollpane

关于css - 在Firefox上样式化滚动条,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/37896779/

10-13 00:21