在Firefox上设置滚动条的样式

时间:2016-06-18 12:11:45

标签: css css3 firefox

我使用

设置了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中设置滚动条样式?

2 个答案:

答案 0 :(得分:0)

无法使用css

您可以尝试jscrollpane

答案 1 :(得分:0)

根据我的经验不可能到那个。我们必须添加一些插件。

请参阅此链接:Custom CSS Scrollbar for Firefox