element-ui のテーブルを使用して、マウスが行を通過またはホバーしたときの色を変更します。

単一ページの表スタイルを変更する

クラス abc を tbale テーブルに追加し、スタイルにコードを追加します。

.abc ::v-deep .el-table__body tr:hover > td {
     background-color: pink !important;
 } 

すべてのページの表のスタイルを変更する

最初：

 
.el-table--enable-row-hover .el-table__body tr:hover>td{
 
background-color: pink !important;
 
}
 

2 番目のタイプ:

// 鼠标经过颜色改为粉红色
.el-table__body tr:hover>td{
 
background-color: pink !important;
 
}
 
// 点击之后颜色改为粉红色  如果没有效果 需要给el-table  加上  highlight-current-row  这个属性
.el-table__body tr.current-row>td{
 
  color: rgb(28, 235, 211);
  background: rgb(123, 155, 233) !important;
 
}