關於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;
}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM