antd 滚动条始终可见（firefox 上有问题）

Question

我有一个问题。我的客户希望项目中每个选择的滚动条始终可见。问题是使用 antd 我在 css 方面没有太多选择。 经过反复试验，我现在可以使滚动条在 Chrome 上始终可见（代码如下）

/*chrome*/
.rc-virtual-list-holder::-webkit-scrollbar {
  -webkit-appearance:button!important;
  width: 10px!important;
}
.rc-virtual-list-holder::-webkit-scrollbar-thumb {
  border-radius: 5px!important;
  background-color: rgba(0,0,0,.3)!important;
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5)!important;
}

/*firefox*/

无论如何，这个 CSS 代码在 Firefox 上不起作用，但例如它可以在 Edge 上运行（但 Edge 不符合客户端要求）。

我该怎么做才能使其在 Firefox 上运行？

谢谢

Answer 1

尝试添加此代码。这应该使滚动条在 FireFox 上始终可见

.rc-virtual-list-holder {
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, .3) transparent;
}

.rc-virtual-list-holder::-webkit-scrollbar {
  display: none;
}