Стилизация полосы прокрутки, CSS

12 декабря 2020

Вот пример стиля оформления для полосы прокрутки, можно перекроить под свои нужды

::-webkit-scrollbar-button {
background-image:url('');
background-repeat:no-repeat;
width:5px;
height:0px
}

::-webkit-scrollbar-track {
background-color:#ecedee
}

::-webkit-scrollbar-thumb {
-webkit-border-radius: 0px;
border-radius: 0px;
background-color:#dc3545;
}

::-webkit-scrollbar-thumb:hover{
background-color:#b01f2d;
}

::-webkit-resizer{
background-image:url('');
background-repeat:no-repeat;
width:4px;
height:0px
}

::-webkit-scrollbar{
width: 4px;
}