CSS3/网络工具包 : how do I change the size of the scroll bar slider?

Question

fiddle :http://jsfiddle.net/vVJGD/

::-webkit-scrollbar{
    width: 10px;
    padding-top: 40px;
}

::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3);
    border: 1px solid black;
    background: rgb(41,41,41);
    border-radius: 10px;

}
::-webkit-scrollbar-thumb{
    border-radius:10px;
    height: 30px;
    width: 8px;
    border: 1px solid black;
    background: rgb(111,111,111);
    -webkit-box-shadow: 0 1px 1px rgb(0,0,0);
    background: -webkit-linear-gradient(rgb(200,200,200), rgb(150,150,150));
}

::-webkit-scrollbar-track-piece {
    height: 30px;
}

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

有人知道这个 secret 吗？我没有在谷歌上找到任何具体的内容。

Answer 1

设置高度和宽度属性:http://jsfiddle.net/vVJGD/8/ , Webkit 会将它们分配到适当的方向。