技術標籤：前端學習css

預設滾動條樣式：

修改後滾動條樣式：

/*定義滾動條高寬及背景 高寬分別對應橫豎滾動條的尺寸*/
::-webkit-scrollbar {
  width: 10px;
  background-color: #054373;
}
/*定義滾動條軌道 內陰影+圓角*/
::-webkit-scrollbar-track {
  background-color: #034f78;
}
/*定義滑塊 內陰影+圓角*/
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #053d63;
}
/*定義最上方和最下方的按鈕*/
::-webkit-scrollbar-button {
  height: 0;
  background-color: #000;
  border: 1px solid yellow;
}
 

注意：一定要將這段程式碼寫在全域性中，否則不起作用