如何在Firefox浏览器中使这个css兼容

Question

这是我的自定义样式滚动条的CSS，它在Chrome中运行良好，但在Firefox浏览器中不行。

如何在Firefox浏览器中兼容此CSS

 <style>
    .scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
    }
    .scroll::-webkit-scrollbar {
    height: 6px;
    background-color: #F5F5F5;
    }
    .scroll::-webkit-scrollbar-thumb {
    background-color: #000000;
    border-radius:10px;
    }
</style>

Answer 1

Firefox scollbar样式自定义不再起作用。

但是你可以试试适用于所有浏览器的插件。

Jscrollpane

Hesido

http://script-tutorials.com/custom-scrollbars-cross-browser-solution

http://manos.malihu.gr/jquery-custom-content-scroller

而且你也可以只为firefox尝试下面的插件。

Noiascrollbars

希望这些信息对您有所帮助。