自定义CSS webkit的滚动条不能在Firefox brwoser工作
问题描述:
这里是我的小提琴:SCROLLBAR自定义CSS webkit的滚动条不能在Firefox brwoser工作
运行在Chrome和Firefox浏览器的小提琴,点击“切换”按钮来查看未申请滚动条的自定义CSS Firefox浏览器。
有没有一种方法可以在所有浏览器中显示自定义滚动条?
::-webkit-scrollbar {
width: 8px;
}
/* Track */
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 100px;
border-radius: 100px;
}
/* Handle */
::-webkit-scrollbar-thumb {
-webkit-border-radius: 100px;
border-radius: 100px;
background: #c1bdbe;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background: #555D69;
}
任何帮助将不胜感激。
谢谢。
答
Firefox不支持自定义滚动条,所以没有办法在CSS中做到这一点。 https://developer.mozilla.org/en-US/docs/Web/CSS/::-webkit-scrollbar
您必须使用JavaScript才能在所有浏览器上使用全局样式。