css - Firefox 上的滚动条不起作用

标签 css firefox scrollbar

我将自定义滚动条放在所有浏览器上,但在 Firefox 上不起作用。

::-moz-scrollbar {
    width: 6px;
}


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


::-moz-scrollbar-thumb {
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255,0,0); 
    -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-moz-scrollbar-thumb:window-inactive {
    background: rgba(255,0,0); 
}

最佳答案

Firefox 不支持自定义滚动条。查看更多信息 https://bugzilla.mozilla.org/show_bug.cgi?id=77790 . 您可以使用 JQuery Custom Scrollbar .

关于css - Firefox 上的滚动条不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28622836/

相关文章:

javascript - polymer 如何将纸张输入值绑定(bind)到 iron-ajax

html - 禁用 Firefox 的自动填充

Java - FXML,CSS

css - 无法让 justifyContent 与 flexbox 和 material ui 一起工作

css - 使用 CSS 在响应式导航菜单中隐藏/显示子菜单项

javascript - 为什么 JavaScript RegExp/^\w+$/match 未定义?

css - 如何摆脱第二个滚动条?

html - AngularJS 中的 md-content 滚动问题

css - 打破逗号、点、连字符或其他特殊字符上的长无空格行

javascript - 知道为什么这个元素的 X,Y 位置是 0,0 吗?