水平滾動條不工作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; 
}