html 滾動條樣式

轉載：https://www.cnblogs.com/yclblog/p/6806496.html

/*定義滾動條高寬及背景 高寬分別對應橫豎滾動條的尺寸*/
::-webkit-scrollbar {
  width: 10px; /*滾動條寬度*/
  height: 16px; /*滾動條高度*/
}

/*定義滾動條軌道 內陰影+圓角*/
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px; /*滾動條的背景區域的圓角*/
  background-color: transparent; /*滾動條的背景顏色*/
}

/*定義滑塊 內陰影+圓角*/
::-webkit-scrollbar-thumb {
  border-radius: 10px; /*滾動條的圓角*/
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #8fa4bd; /*滾動條的背景顏色*/
}