水平滚动条不工作asp.net

Question

我的滚动条的css如下：

 ::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 4px;
    background-color: transparent;
}

::-webkit-scrollbar
{
    width: 5px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}

更改在垂直滚动条中正确反映，但水平滚动条显示非常不同。

有谁知道原因？

Answer 1

小提琴：http://jsfiddle.net/dhckpL54/1/

<强> CSS：

::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 4px;
    background-color: transparent;
}

::-webkit-scrollbar
{
    width: 5px;
    height: 5px;    /*   <---- This was missing  */
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}