html - 水平滚动条不工作 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;
}

更改正确反射(reflect)在垂直滚动条中，但水平滚动条看起来非常不同。

有谁知道原因吗？

Answer 1

fiddle :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;
}