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

时间:2013-07-18 01:37:18

标签: html css html5 css3 browser

我在下拉列表中有一个滚动条,我希望它一直显示如下: enter image description here

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

enter image description here

我如何解决这个问题,以便我能确保大多数浏览器,滚动条会一直存在?

非常感谢你的帮助!

1 个答案:

答案 0 :(得分: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;
}