html - 如何使滚动条始终显示在所有浏览器的下拉列表中？

Question

我在下拉列表中有一个滚动条，我希望它一直显示如下：

但是，这只适用于一些旧版本的 safari 和 firefox。在我的新 safari/chrome 中，根本没有滚动条。

我该如何解决这个问题，以便我可以确保对于大多数浏览器，滚动条将一直存在？

非常感谢你的帮助！

Answer 1

我认为 Mountain Lion 之后的行为发生了变化，默认情况下滚动条是隐藏的。试试这个片段；我用它来强制显示滚动条。

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0,0,0,.5);
}
::-webkit-scrollbar-track {
  background-color: rgba(0,0,0,.5);
  width: 7px;
}