el-table 鼠标移入更改悬浮背景色

前端小白学习中....

已于 2024-07-23 10:03:35 修改

阅读量62

点赞数 2

文章标签： vue.js javascript 前端

于 2024-07-23 10:00:38 首次发布

本文链接：https://blog.csdn.net/weixin_43305450/article/details/140627667

版权

刚开始尝试着用这个方法解决不起作用

  .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
    background-color: transparent;
    color: #000!important;
  }

后来换成这个方案,就可以了

.el-table .el-table__body tr:hover {
  background-color: transparent!important; /* 你想要的背景色 */
  color: #000!important;
}
.el-table__body {
  tr:hover > td {
    background-color: transparent!important; /* 你想要的背景色 */
    color: #000!important;
  }
}