自定义 Webkit 滚动条按钮 [重复]

Question

我想弄清楚如何让 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;

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

Answer 1

参考这篇文章，这是你需要知道的关于 webkit 滚动条的全部内容

Custom Scrollbars in WebKit - Css Tricks

编辑 1

你可以试试这样的

::-webkit-scrollbar-button {
  background: #444;
}

编辑 2

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

http://jsfiddle.net/vfmfmaxo/

Answer 2

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