Javascript FireFox滚动条

Javascript FireFox滚动条,javascript,css,firefox,Javascript,Css,Firefox,伙计们,有没有办法在Firefox中定制滚动条?我曾尝试在chrome上使用类似的技术,但我想这只适用于chrome,在做了一些研究后,我发现由于引擎中存在一个bug,无法在Firefox上使用此方法定制滚动条,所以我正在寻找一种替代的干净方法 ::-moz-scrollbar { width: 12px; } /* Track */ ::-moz-scrollbar-track { -moz-box-shadow: inset 0

伙计们,有没有办法在Firefox中定制滚动条?我曾尝试在chrome上使用类似的技术,但我想这只适用于chrome,在做了一些研究后,我发现由于引擎中存在一个bug,无法在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);
    }

目前,通过CSS定制滚动条只适用于基于webkit的浏览器


作为替代,我推荐一个jQuery插件,它允许您定制(至少一点)每个页面上的滚动条(如果不是,至少绝大多数)浏览器。

您必须制作自己的滚动条才能获得一致的体验。是的,我想我必须使用插件,因为无法通过CSS自定义它。您仍然可以先应用它,然后检查DOM,找到与滚动条相关的部分,并在CSS中自定义它们。