垂直滚动条样式在Firefox浏览器中不起作用

Question

适用于Chrome，Opera，Safari的滚动条代码如下：

.scroll_bar::-webkit-scrollbar{
    width: 20px;
}
.scroll_bar::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0px 0px 6px #0067ab;
    border-radius: 5px;
}
.scroll_bar::-webkit-scrollbar-thumb{
    -webkit-box-shadow: inset 0px 0px 6px #0067ab;
    border-radius: 5px;
}

我应该为Firefox做些什么？

Answer 1

Here you can see it on css tricks 只需更改使用-moz而不是-webkit

Answer 2

你想用这个吗？

custom scroll bar using js

Answer 3

您的问题在 Mozilla Searchfox 上有解决方案。

scrollbar[orient='vertical'] {
  margin-left: -4px;
  margin-top: 1px;
  min-width: 3px;
  max-width: 3px;
}

scrollbar[orient='vertical'] thumb {
  max-width: 3px !important;
  min-width: 3px !important;
}