vue element 鼠标经过行高亮颜色问题

Question

问题描述

vue element 鼠标经过行高亮颜色问题

问题出现的环境背景及自己尝试过哪些方法

我先添加了选中行高亮的颜色

但由于我的表格是斑马条纹的，深色条纹的选中行高亮颜色没问题，浅色行的选中行高亮颜色会被鼠标悬停的高亮覆盖，
然后我加了

索性让悬停那一行高亮颜色加深，但是这一段始终起不到作用是什么原因

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

<style>
.el-table--striped .el-table__body tr.el-table__row--striped.current-row td,
.el-table__body tr.current-row>td {

background-color: #cccccc;

}

.el-table--enable-row-hover .el-table__body tr:hover>td{

  background-color: #212e3e !important;

}
</style>

你期待的结果是什么？实际看到的错误信息又是什么？