我已经使用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/