平時在開發時候經常會用到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;
}