無法將寬度和高度應用於使用CSS的-webkit滾動條

Question

::-webkit-scrollbar { 
    width: 5px; 
    height: 5px; 
} 

::-webkit-scrollbar-thumb { 
    background-color:#808080; 
} 

爲什麼寬度和高度屬性不起作用？

Answer 1

width是垂直滾動條和height影響水平滾動條。您無法定義垂直滾動條的高度。這取決於內容大小。

如果你想背景圖片添加到您的滾動條，它們被添加像正常的元素：

::-webkit-scrollbar { 
    width: 50px; 
    height: 50px; 
    background:-webkit-linear-gradient(0, blue 50%, white 100%); 

} 

::-webkit-scrollbar-thumb { 
    background-color:#808080; 
     background:url("http://www.topdesignmag.com/wp-content/uploads/2010/12/137.jpg"); 
} 

Fiddle

Answer 2

這工作，除height

例子：http://jsfiddle.net/jasongennaro/gBrNf/

相當肯定，是因爲瀏覽器確定基於內容的高度滾動條的高度。 （更多內容等於較短的滾動條......這是一個視覺提示，我不知道，你可以重寫。）