JSFiddle - React, Tailwind, and code Playground

by borcagos

HTML

<div background='grey'>
dfasdasasd 
a<br><br>
s<br><br>
d<br><br>
as<br><br>
d<br><br>
as<br><br>
d<br><br>
a<br><br>
s<br><br>
d<br><br>
as<br>
d<br>
as<br>
dasda<br>

</div>

CSS

::-webkit-scrollbar {
    width: 6px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

div {
    height: 200px; /* Высота блока */
    width: 200px; /* Ширина блока */
    overflow: auto; /* Добавляем полосы прокрутки */
    padding-left: 15px; /* Отступ от текста слева */
    background:   grey; /* Цвет фона, 
                                                    путь к фоновому изображению и 
                                                    повторение фона по вертикали */
   }