Styling scrollbar on firefox

Question

I have styled scrollbar of element on chrome using

aside::-webkit-scrollbar {
    width: 5px;
    color: skyblue;
}
aside::-moz-scrollbar {
    width: 5px;
    color: skyblue;
}
aside::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
aside::-moz-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
aside::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
aside::-moz-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
aside::-webkit-scrollbar-thumb{
    background: skyblue;
}
aside::-moz-scrollbar-thumb{
    background: skyblue;
}

as I tried to implement same thing on Firefox I found out Mozilla no more supports old styling scrollbar method...

Is there any way to style a scrollbar in Firefox now?

Possible duplicate of [Custom CSS Scrollbar for Firefox](https://stackoverflow.com/questions/6165472/custom-css-scrollbar-for-firefox) — Alexander O'Mara, Jan 08 '19 at 22:28

score 0 · Answer 1 · answered Jun 18 '16 at 12:15

0

not possible with css

you can try jscrollpane

answered Jun 18 '16 at 12:15

Hiral Suvagya

591
3
8

score 0 · Answer 2 · edited May 23 '17 at 10:31

0

In my experience not possible to that.We have to add some plugings for that.

Please refer this link: Custom CSS Scrollbar for Firefox

edited May 23 '17 at 10:31

Community

1
1

answered Jun 18 '16 at 12:19

iyyappan

767
4
11

Styling scrollbar on firefox

2 Answers2