关于element ui中的table取消鼠标悬停背景色问题

平时在开发时候经常会用到element ui框架，做系统类的系统通常会遇到表格之类的需求，有时候我们不想要表格鼠标划上去的时候出现的背景色，看有的网友说是用下列方法去解决

.el-table tbody tr:hover>td {
background-color:transparent !important
}

但会发现一个问题，就是比如某列固定，这个样式代码是控制不到的，所以我就去审查元素看看到底是哪里在控制这个样式问题，于是发现通过下面的设置即可达到想要的效果

.el-table__body tr.hover-row.current-row>td, .el-table__body tr.hover-row.el-table__row--striped.current-row>td, .el-table__body tr.hover-row.el-table__row--striped>td, .el-table__body tr.hover-row>td{
background-color:transparent;
}

有时也可以加下列属性来解决

.el-table::before{
background-color: #fff;
}