水平滚动条不起作用 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

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

水平滚动条不起作用 asp.net

Horizontal scrollbar not working asp.net

html

css

scrollbar