【问题标题】: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。

      【讨论】:

        猜你喜欢
        • 2020-01-27
        • 2015-11-10
        • 1970-01-01
        • 1970-01-01
        • 2023-03-24
        • 1970-01-01
        • 1970-01-01
        • 2010-11-04
        • 1970-01-01
        相关资源
        最近更新 更多