ps1 scrollbar

<style>

#ps1 {
    height:100px;
    width:150px;
    padding:10px;
    border:3px;
    border-style:solid;
    border-color:#000;
    overflow:auto;
}

#ps1::-webkit-scrollbar {
width:15px; height:15px;}   /* made by @ps1 */

#ps1::-webkit-scrollbar-track {
background-image: url(https://i.imgur.com/n1kAWKU.png);}

#ps1::-webkit-scrollbar-thumb {
background-image: url(https://i.imgur.com/KePIOiE.png);
border-top: 1px solid #D4D0C8; border-bottom: 1px solid #808080;}

#ps1::-webkit-scrollbar-button:vertical:decrement {
background-image: url(https://i.imgur.com/ZF6PC55.png);
width: 15px; height: 15px;}

#ps1::-webkit-scrollbar-button:vertical:increment {
background-image: url(https://i.imgur.com/sMOMkQ7.png);
width: 15px; height: 15px;}

</style>

<div id="ps1">
ps1 scrollbar
<br>
<br>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
</div>