elementui修改table滚动条样式

 

 

 

 

::v-deep .el-table__body-wrapper::-webkit-scrollbar {

  width: 8px; /*滚动条宽度*/

  height: 8px; /*滚动条高度*/

}

::v-deep .el-table__body-wrapper::-webkit-scrollbar-track {

  border-radius: 0px; /*滚动条的背景区域的圆角*/

  background-color: rgba(2, 29, 87, 1); /*滚动条的背景颜色*/

}

::v-deep .el-table__body-wrapper::-webkit-scrollbar-corner {

  background-color: rgba(2, 29, 87, 1);

}

::v-deep .el-table__body-wrapper::-webkit-scrollbar-thumb {

  border-radius: 4px; /*滚动条的圆角*/

  background-color: rgba(24, 144, 255, 0.5); /*滚动条的背景颜色*/

}