更改跨浏览器滚动条（css/jquery）

-2

如何更改使用css的浏览器滚动条。我想跨浏览器工作。更改跨浏览器滚动条（css/jquery）

我发现这个问题在stackoverflow中是一样的。但是那个答案对我来说不起作用。所以我想问这个..

2016-10-23 NoOneCare

找到了自己的答案..这里的来源：[链接]（http://areaaperta.com/nicescroll/） – NoOneCare

对于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。

来源

2016-10-23 13:58:15 Lio

谢谢。我会尽力.. – NoOneCare

有一些jQuery插件像完美的滚动条，使自定义滚动条和更改样式。但如果你想使用CSS风格滚动条

来源

2016-10-23 13:58:20 Araz

更改跨浏览器滚动条（css/jquery）

回答

相关问题