CSS customized scroll bar in div

Question

How can I customize a scroll bar via CSS (Cascading Style Sheets) for one div and not the whole page?

Answer 1

Use Only CSS work in Firefox +64

.mycoldiv{
    scrollbar-color: white rebeccapurple;
    scrollbar-width: thin;
    display: block;
    height:400px;
    overflow-x: auto;
}

More info: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Scrollbars