如何制作滚动条总是出现在我的所有浏览器的下拉菜单中？

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;
}