Varsayılan Scrollbar'ın rengini ve boyutunu nasıl değiştirebiliriz

Varsayılan Scrollbar'ın rengini ve boyutunu nasıl değiştirebiliriz, örnekteki gibi yapmak istiyoruz..

Örnek; https://imgyukle.com/f/2022/01/23/o11O7G.png

Merhabalar, aşağıda ki CSS kodlarını projenizde kullanarak üzerinde değişiklik yapabilirsiniz.

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

::-webkit-scrollbar-track {
  background: green;
}
 
::-webkit-scrollbar-thumb {
  background: black;
}

Scroll Bar için bir hover efekti vermek isterseniz;

::-webkit-scrollbar-thumb:hover {
  background: #555;
}

Örnek linkinizde bulunduğu gibi bir radius vermek isterseniz scrollbar-thumb için;

::-webkit-scrollbar-thumb {
  background: black;
border-radius: 10px;
}

Esenlikler.

Teşekkür ederim.