change scrollbar color

Hi,

You can change scroll bar color like this:

::-webkit-scrollbar-thumb {
  background-color: red;  /* use your color */
}

You can also change other properties of scroll bar, like for example:

::-webkit-scrollbar {
  width: 20px;
}
::-webkit-scrollbar-track {
  background-color: gray;
}

::-webkit-scrollbar-thumb:hover {
  background-color: blue;
}

But you should know that styling scroll bar in this way is not supported in all browsers ( for me it doesn’t work on Mozilla and IE ) so it’s best to consider it just as a enhancement for your site.

OH MY GOD IT WORKED! Thankyou so much!

I have been asking this question every couple weeks for ages, googling it, trying all sorts of things and your the first to give an answer that worked. You made me very happy ??
(my issue was that i had to add ‘-thumb’ to the end of ‘::-webkit-scrollbar’)

You’re welcome, I am glad that I could help ??