How to customize scroll bar using only CSS in HTML5?

[MegaDev007]

I want a customized scrollbar in my website, for instance, rounded and thin scrollbar is needed, how to?

[super61803]

Insert following css code.

/* width */
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f5f7fa;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 12px;
}

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