更改交叉浏览器滚动条(css / jquery)

时间:2016-10-23 13:50:56

标签: jquery css html5 cross-browser styles

如何使用css更改浏览器滚动条。我想通过浏览器进行操作。enter image description here

我在stackoverflow中发现了与此问题相同的内容。但那个答案对我不起作用。所以我问这个..

2 个答案:

答案 0 :(得分: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。

答案 1 :(得分:0)

有一些jquery插件就像完美滚动条一样,可以自定义滚动条并更改样式。但是如果你想用css来设置滚动条的样式