Modify css scroll bar style

css styles

/ * Modify the scrollbar style * /
div::-webkit-scrollbar{
  width:10px;
  height:10px;
  /**/
}
div::-webkit-scrollbar-track{
  background: rgb(239, 239, 239);
  border-radius:2px;
}
div::-webkit-scrollbar-thumb{
  background: #bfbfbf;
  border-radius:10px;
}
div::-webkit-scrollbar-thumb:hover{
  background: #333;
}
div::-webkit-scrollbar-corner{
  background: #179a16;
}

Parameter Description

:: - webkit-scrollbar integral part of the scroll bar
:: - webkit-scrollbar-thumb scroll bar inside the small box, can be moved upward downward (moved to the left or right, depending on whether the vertical scroll bar is a horizontal scroll bar)
:: - webkit-scrollbar-track of the scroll bar track (which is equipped with Thumb)
:: - at both ends of the track buttons webkit-scrollbar-button scroll bar that allows fine-tuning the position by clicking on the small square.
:: - webkit-scrollbar-track-piece inner orbit scroll bar intermediate portion (removed)
:: - webkit-scrollbar-corner edges, that is the intersection of two scrollbars
:: - for adjusting the size of the element by dragging widgets on the corner of webkit-resizer two scroll bars