瀏覽器滾動條預設樣式修改

效果如下

直接貼代碼了

.sidebar {
    z-index: 1024;
    position: fixed;
    left: 0;
    top: 64px;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #001529;
  }
  .sidebar::-webkit-scrollbar-track { /* 定義滾動條軌道  內陰影+圓角*/
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    background-color: #f5f5f5;
  }

  .sidebar::-webkit-scrollbar { /*滾動條整體樣式*/
    width: 10px;
    background-color: #f5f5f5;
    border-radius: 5px;
  }

  .sidebar::-webkit-scrollbar-thumb { /*滾動條裡面小方塊*/
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #555;
  }