自定义Webkit滚动条按钮

Cla*_*lam 7 html css webkit scrollbar

我试图弄清楚如何使webkit滚动条按钮出现.我在Mac上的safari上测试这个.

我读了这些指南,但我不能为我的生活弄清楚如何得到一个简单的按钮,使它上下.我有一个我应该模仿的图像,但不知道如何.图像可以用作按钮吗?图像示例

!(http://oi62.tinypic.com/28kh76a.jpg)

http://css-tricks.com/custom-scrollbars-in-webkit/

到目前为止有这个..

::-webkit-scrollbar {  
width: 12px;  
}  

::-webkit-scrollbar-track {
background-color: #fff;  
}

::-webkit-scrollbar-thumb {  
background-color: #81CFCC;  
height: 10px;
Run Code Online (Sandbox Code Playgroud)

但不知道如何上下滚动按钮..或如何设置它们的样式.

Bri*_*ton 5

使用::-webkit-scrollbar-button选择器并将其显示设置为阻止。在我设置按钮的显示属性之前,我没有显示按钮。


Bla*_*ake 2

请参阅这篇文章,这就是您需要了解的 webkit 滚动条的全部内容

WebKit 中的自定义滚动条 - Css 技巧

编辑1

你可以尝试这样的事情

::-webkit-scrollbar-button {
  background: #444;
}
Run Code Online (Sandbox Code Playgroud)

编辑2

希望这能在某种程度上有所帮助

http://jsfiddle.net/vfmfmaxo/

  • 但我不明白,箭头在哪里? (4认同)