Стилизуем скроллбар на сайте через CSS

Небольшой CSS сниппет для стилизация скроллбара браузера. Скроллбар - это вертикальная полоска прокрутки на сайтах.

Скроллбар может быть вертикальным и горизонтальным.

/* scrollbar */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #ddd; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #aaa; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #777; 
}