Css3/webkit:如何更改滚动条滑块的大小?

Css3/webkit:如何更改滚动条滑块的大小?,css,webkit,Css,Webkit,小提琴: 我曾尝试通过轨道片和拇指设置高度,但我认为这不是正确的方法 有人知道这个秘密吗?我在谷歌上找不到如此具体的东西。设置高度和宽度属性:,Webkit会将它们分配到适当的方向。是的,这是可能的。我们可以在css中编辑样式: ::-webkit-scrollbar-thumb { background: #bbbbbb; background: rgba(0, 0, 0, 0.15); border-radius: 5px; height: 50px; } 我刚刚在Chr

小提琴:

我曾尝试通过轨道片和拇指设置高度,但我认为这不是正确的方法


有人知道这个秘密吗?我在谷歌上找不到如此具体的东西。

设置
高度和
宽度属性:,Webkit会将它们分配到适当的方向。

是的,这是可能的。我们可以在css中编辑样式:

::-webkit-scrollbar-thumb {
  background: #bbbbbb;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 5px; 
  height: 50px; }

我刚刚在Chrome17.0.963.46和Safari5.1.2(7534.52.7)中测试了这个功能。。。我没有看到任何变化。也许我的网络工具包坏了。你能用10px的高度通过滑块的屏幕截图吗?哦,你的意思是设置滑块的高度?那是不可能的。您必须用
制作您自己的滑块,并使用jQuery或其他工具使其像真正的滚动条一样工作。很抱歉,您带来了坏消息;)如果你有兴趣做一个,这是一个很好的图书馆:是的,我看过了。不过这有点乱,所以我想我会等到浏览器允许更多的定制,因为滚动条样式没有那么重要=D
::-webkit-scrollbar-thumb {
  background: #bbbbbb;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 5px; 
  height: 50px; }