how to make this css compatible in Firefox browser

Question

This is my CSS for the custom style scroll-bar its works fine in chrome but not in Firefox browser.

how to make this CSS compatible in Firefox browser

 <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>

Firefox uses `-moz-` where some other broswers including chrome use `-webkit-`. — Spencer Wieczorek, Sep 23 '15 at 05:05
Notice your use of `-webkit-*`? There are [other prefixes for different browsers](https://developer.mozilla.org/en-US/docs/Glossary/Vendor_Prefix). — Marty, Sep 23 '15 at 05:05
http://stackoverflow.com/questions/6165472/custom-css-scrollbar-for-firefox — Mike Phils, Sep 23 '15 at 05:07