有没有办法在Firefox中使用css定制滚动条??我在chrome上找到了这个,但在Firefox上没有

有没有办法在Firefox中使用css定制滚动条??我在chrome上找到了这个,但在Firefox上没有,css,firefox,scrollbar,Css,Firefox,Scrollbar,我想为我的网站定制一个滚动条,我在chrome上找到了这个,但在firefox上没有。我不想使用繁重的jQuery插件,是否可以只使用css? 我为Chrome找到的CSS: ::-webkit-scrollbar { width: 12px; } ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radiu

我想为我的网站定制一个滚动条,我在chrome上找到了这个,但在firefox上没有。我不想使用繁重的jQuery插件,是否可以只使用css? 我为Chrome找到的CSS:

::-webkit-scrollbar {
        width: 12px;
    }

    ::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
        border-radius: 10px;
    }

    ::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
    }

不可能通过Firefox(和大多数其他浏览器)中的CSS实现。但是,在XUL应用程序(例如Firefox的附加组件)中可以设置滚动条的样式。

在Firefox(以及大多数其他浏览器)中,通过CSS是不可能的。但是,在XUL应用程序(例如,Firefox的附加组件)中可以设置滚动条的样式。

Firefox不再支持此功能。 检查此错误报告:


Firefox不再支持此功能。 检查此错误报告:


通过css如果你以某种方式接触firefox,IE和safari也会产生问题。最好通过css使用jquery插件滚动条

如果你以某种方式接触firefox,IE和safari也会产生问题。最好使用jquery插件滚动条

因为firefox版本64,你可以使用以下内容来提供将样式和颜色添加到滚动条

滚动条宽度 滚动条颜色

。可滚动{
滚动条宽度:薄;
滚动条颜色:#3487ab#efef;
}
.可滚动{
背景色:#a3d5d3;
身高:100%;
溢出y:自动;
宽度:240px;
高度:120px;
}

项目1
项目2
项目3
项目4
项目5
项目6
项目7
项目8
项目9

自Firefox版本64以来,您可以使用以下选项为滚动条提供样式和颜色

滚动条宽度 滚动条颜色

。可滚动{
滚动条宽度:薄;
滚动条颜色:#3487ab#efef;
}
.可滚动{
背景色:#a3d5d3;
身高:100%;
溢出y:自动;
宽度:240px;
高度:120px;
}

项目1
项目2
项目3
项目4
项目5
项目6
项目7
项目8
项目9