Problems with changing the scrollbar appearance in firefox

Question

Hello!

I put this into my css file for changing the look of the scrollbar. It works in nearly every browser as intended, but not in firefox:

::-webkit-scrollbar{
    width: 10px;
    background-color: #f1f1f1;
}

::-webkit-scrollbar-thumb{
    background-color: #353b48;
}

What do I need to make in work in Firefox too? ^^

score 0 · Answer 1 · answered Aug 23 '21 at 21:16

0

The ::-webkit-scrollbar selector is not supported in Firefox:

You can still customize the scrollbar though! See these:

answered Aug 23 '21 at 21:16

PhunkmasterP

Thank you for the fast answer, but as I read what you linked it seems like their is not the same amount of customization possible, but I will try my best to make it good :D – Arktikus Aug 23 '21 at 21:22

score 0 · Answer 2 · answered Aug 23 '21 at 21:25

0

Firefox doesn't support "-webkit-scrollbar", but it still supports a custom scrollbar.

scrollbar-color: #f1f1f1 white;
scrollbar-width: thin;

Just add that to your code.

answered Aug 23 '21 at 21:25

PandaSITT

That don't really work. I tried it, but I want the scrollbar for the whole site and that's only for the div with the text. I am pretty new to "coding" too, but when I give as example the the class or make a div inside it that doesn't work either :o – Arktikus Aug 23 '21 at 21:38

2 Answers2