CODEWITHSUNDEEP
javascriptcssfirefox
user8108377
user8108377

Reputation:

FireFox scroll bar

guys is there a way to customize the scroll bar in Firefox i tried using a similar technique on chrome , but i guess it's only work for chrome , after doing some research i figured out that there is no way to customize it on Firefox using this method because of a bug in the engine, so i am looking for an alternative and clean way to do it

 ::-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);
    }

Upvotes: 1

Views: 1559

Answers (1)

Vivick
Vivick

Reputation: 4991

For now, customizing scrollbars via CSS is only implemented for webkit based browsers.

As an alternative I recommend NiceScroll, a jQuery plugin that allows you to customize (at least a bit) the scrollbar on every (if not, at least a vast majority of them) browser.

Upvotes: 1

Related Questions