css設置滾動條 瀏覽器滾動條難看 調整滾動條 小主來j教你

::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
::-webkit-scrollbar-track {
  border-radius: 3px; /*滾動條的背景區域的圓角*/
}
::-webkit-scrollbar-thumb {
  border-radius: 3px; /*滾動條的圓角*/
  background-color: #ccc; /*滾動條的背景顏色*/
}

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

::-webkit-scrollbar-thumb:active {
  cursor: pointer;
}