技術標籤：css滾動條樣式css自定義原生滾動條修改

可根據自己實際情況進行單獨修改即可。
（.tableHeight）為父級的類名，可改成自己的即可。
程式碼如下：

/* 整個滾動條 */
.tableHeight
  .el-table--scrollable-y
  .el-table__body-wrapper::-webkit-scrollbar {
  width: 6px;
}
/* 滾動條軌道 */
.tableHeight
  .el-table--scrollable-y
  .el-table__body-wrapper::-webkit-scrollbar-track {
 

  border-radius: 4px;
  opacity: 0;
}
/* 滾動條沒有滑塊的軌道部分 */
.tableHeight
  .el-table--scrollable-y
  .el-table__body-wrapper::-webkit-scrollbar-track-piece {
  width: 6px;
}
/* 滾動條上的滾動滑塊 */
.tableHeight
  .el-table--scrollable-y
  .el-table__body-wrapper::-webkit-scrollbar-thumb {
  transition: all 0.2s;
  /* border-radius: 4px; */
 

  background-color: rgba(144, 147, 153, 0.3);
}
/* 滾動條上的按鈕 (上下箭頭) */
.tableHeight
  .el-table--scrollable-y
  .el-table__body-wrapper::-webkit-scrollbar-button {
  height: 0;
}

效果圖：