recolor scrollbars in CSS?

You can maybe try something like this but this is imperfect in Chrome and doesn't work at all in IE.

#edit-middle {
   height: 500px;
   width: 250px;
   overflow-y: scroll;
   overflow-x: hidden;
}
#edit-middle::-webkit-scrollbar {
   background-color: #FFFFFF;
}
#edit-middle::-webkit-scrollbar-thumb {
   background-color: #f9f9f9;
}
#edit-middle::-webkit-scrollbar-button {
   background-color: #f9f9f9;
}

 
 

Here are some links on it:

• https://stackoverflow.com/questions/12293275/how-to-change-the-scrollbar-color-using-css
• https://developer.mozilla.org/en-US/docs/Web/CSS/::-webkit-scrollbar
• https://stackoverflow.com/questions/47576815/how-to-add-arrows-with-webkit-scrollbar-button?rq=1