更改跨浏览器滚动条（css / jquery）[重复]答案

【问题标题】：change cross Browser Scroll bar ( css/ jquery) [duplicate]更改跨浏览器滚动条（css / jquery）[重复]
【发布时间】：2017-03-05 08:38:04
【问题描述】：

如何使用 css 更改浏览器滚动条。我想跨浏览器工作。

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

【问题讨论】：

标签： jquery css html cross-browser styles

【解决方案1】：

有一些带有 jquery 的插件，例如完美滚动条，可以制作自定义滚动条并更改样式。但是如果你想使用 css 来设置滚动条的样式

【讨论】：

【解决方案2】：

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

【讨论】：