FireFox滚动条

Question

大家有没有办法在Firefox中自定义滚动条我尝试在chrome上使用类似的技术，但我想这只适用于chrome，经过一些研究我发现没有办法在Firefox上自定义它使用这种方法是因为引擎中存在错误，所以我正在寻找另一种干净的方法来实现它

 ::-moz-scrollbar {
        width: 12px;
    }
    /* Track */

     ::-moz-scrollbar-track {
        -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        -moz-border-radius: 10px;
        border-radius: 10px;
    }
    /* Handle */

     ::-moz-scrollbar-thumb {
        -moz-border-radius: 10px;
        border-radius: 10px;
        background: rgb(0, 62, 132);
       -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
    }

     ::-moz-scrollbar-thumb:window-inactive {
        background: rgb(0, 153, 255);
    }

Answer 1

目前，通过CSS自定义滚动条仅适用于基于webkit的浏览器。

作为替代方案，我推荐NiceScroll，这是一个jQuery插件，允许您自定义（至少一点）每个（如果不是，至少绝大多数）浏览器的滚动条。