JSFiddle - React, Tailwind, and code Playground

by Liu David

HTML

<body>
    <div class="scrollbar">
        <div class="content">Example</div>
    </div>
</body>

CSS

.scrollbar{
    height:200px;
    overflow-y:scroll;
    background:#ff0000;
}

.content{
height:450px;
} 

::-webkit-scrollbar { 
    width: 13px; 
    background:rgba(0,0,0,0);
}

::-webkit-scrollbar-button {  background-color: #f66; }

::-webkit-scrollbar-track {  
    width:1px;
    background-color: #fff;
}

::-webkit-scrollbar-track-piece { 
    background-color: #ffff00;
    width:1px;
}

::-webkit-scrollbar-thumb { height: 50px; background-color: #666; border-radius: 3px;}

::-webkit-scrollbar-corner { background-color: #999;}}

::-webkit-resizer { background-color: #666;}