更改跨瀏覽器滾動條（css/jquery）

Question

如何更改使用css的瀏覽器滾動條。我想跨瀏覽器工作。

我發現這個問題在stackoverflow中是一樣的。但是那個答案對我來說不起作用。所以我想問這個..

Answer 1

對於IE和Opera：

body{ 
    scrollbar-face-color:; 
    scrollbar-shadow-color:; 
    scrollbar-highlight-color:; 
    scrollbar-3dlight-color:; 
    scrollbar-darkshadow-color:; 
    scrollbar-track-color:; 
    scrollbar-arrow-color:; 
} 

對於Chrome和Safari，前綴::下面 - webkit-和你都設置

scrollbar 
scrollbar-button 
scrollbar-track 
scrollbar-track-piece 
scrollbar-thumb 
scrollbar-corner 
resize 

所以例如，你可能有::-webkit-scrollbar-thumb {background:white;}其中，對於IE和Opera來說，將是body {scrollbar-face-color:white;}

雖然我不知道Firefox。

Answer 2

有一些jQuery插件像完美的滾動條，使自定義滾動條和更改樣式。但如果你想使用CSS風格滾動條