这是我的 fiddle :SCROLLBAR
在 Chrome 和 Firefox 浏览器中运行 fiddle,点击“切换”按钮以查看自定义 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 才能在所有浏览器上使用全局样式。
关于html - 自定义 CSS webkit 滚动条在 Firefox 浏览器中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46694616/