技術標籤：vueelementui

單獨對element-ui中的el-table的滾動條修改：

  // 滾動條的寬度
  /deep/ .el-table__body-wrapper::-webkit-scrollbar {
    width: 6px; // 橫向滾動條
    height: 6px; // 縱向滾動條 必寫
  }
  // 滾動條的滑塊
  /deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb {
    background-color: #ddd;
    border-radius: 3px;
  }

如果是整個頁面的滾動條風格是一致的，直接改全域性的滾動條樣式也可以有效果

//滾動條的寬度
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
//滾動條的滑塊
::-webkit-scrollbar-thumb {
  background-color: #a1a3a9;
  border-radius: 3px;
}