mac中缺少webkit自定义滚动条按钮

Question

我使用css自定义滚动条并使用滚动条顶部和底部的自定义按钮。 css如下

<style type="text/css">
        ::-webkit-scrollbar {   
        width: 14px;
        background: #373737;
        border:1px solid #1A1A1A;    
        }

        ::-webkit-scrollbar-thumb 
        {
        background:rgba(70,70,70,0.85);
        border:1px solid #060606;
        }

        ::-webkit-scrollbar-corner {
        background: #000;
        }
        ::-webkit-scrollbar-button:vertical:decrement {
        background-image: url(images/webkit_scrollUp.png);
        border:1px solid #060606;
        background-repeat:no-repeat;       
        }
        ::-webkit-scrollbar-button:vertical:increment {
        background-image: url(images/webkit_scrollDown.png);
        border:1px solid #060606;
        background-repeat:no-repeat;      
        }
    </style>

它在Windows 7中的chrome工作正常。 但是当我在macbook pro中测试它时，在chrome中滚动是自定义的，它很好。但滚动的顶部和底部的滚动按钮丢失。 这是什么原因，是否有任何修复

http://jsfiddle.net/zetqR/1/ jsfiddle在这里