styling scrollbar works perfect on chrome and safari but not on mozilla

Question

Scrollbar working fine in chrome and safari but in mozilla its not working the way it should, below is my code, i could have done this easily using jquery or javaScript but looking for css solution first.

::-webkit-scrollbar { width: 5px; }
    ::-webkit-scrollbar-button {width: 8px;height:5px;}
    ::-webkit-scrollbar-track {background:none;}
    ::-webkit-scrollbar-thumb {background:#000;}
    ::-webkit-scrollbar-thumb:hover {background:#000;}

Answer 1

Mozilla 不支持自定义 CSS 滚动条，请尝试使用jQuery Scrollbar 之类的插件

Answer 2

::-webkit-scrollbar is only available in WebKit-based browsers (eg, Google Chrome). It is not supported in Firefox, please check here .