vue2 设置el-table背景透明,悬浮颜色及边框颜色

vue2 设置el-table背景透明,悬浮颜色及边框颜色

/* 设置表格背景透明 */
::v-deep .el-table {
  background-color: transparent;
}

/* 设置表头背景透明 */
::v-deep .el-table__header {
  background-color: transparent;
}

/* 设置表格行背景透明 */
::v-deep .el-table__body {
  background-color: transparent;
}

/* 设置表格单元格背景透明 */
::v-deep .el-table__row {
  background-color: transparent;
}

::v-deep .el-table__body tr > td {
  color: #fff;
}

/* 设置 el-table 行的悬停背景色 */
::v-deep .el-table--enable-row-hover .el-table__body tr:hover > td {
  background-color: rgba(15, 166, 255, 0.26) !important;
}

/* 修改 el-table 整体边框颜色 */
::v-deep .el-table,
::v-deep .el-table__expanded-cell {
  border-color: #0fa6ff;
}

/* 修改表头边框颜色 */
::v-deep .el-table th.is-leaf {
  border-color: #0fa6ff;
}

::v-deep .el-table td.el-table__cell,
::v-deep .el-table th.el-table__cell.is-leaf {
  border-bottom: 1px solid #0fa6ff;
}

/* 修改单元格边框颜色 */
::v-deep .el-table td,
::v-deep .el-table th {
  border-color: #0fa6ff;
}
::v-deep .el-table--border::after,
::v-deep .el-table--group::after,
::v-deep .el-table::before {
  border: 1px solid #0fa6ff !important;
}