Custom scrollbar creation

This code is not working ,I am creating a custom scrollbar for the website using CSS using visual code studio,any suggestions:

      ::-webkit-scrollbar{
          width: 10px;
          
      }
      ::-webkit-scrollbar-track{
        background:linear-gradient(red,white);
      }
      ::-webkit-scrollbar-thumb{
          color: blue;
      }
      ::-webkit-scrollbar-button{
          color: greenyellow;
      }

You’re going to need to expand on the problem if you want anyone to be able to help you. I’m not a webkit expert by any means, but this works (roughly) on my Chrome browser. Remember that things like webkit buttons are hidden by default on some browsers too.

This might be a daft question, but you are testing this on a browser which supports the webkit prefix aren’t you?