自定義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; 
} 

EDIT 2東西

希望這可以幫助我Ñ某種方式

http://jsfiddle.net/vfmfmaxo/

Answer 2

使用::-webkit-scrollbar-button選擇並設置其顯示到框。直到我設置他們的顯示器支柱時，我纔得到顯示按鈕。