/* 表尾 */ /deep/ .el-table .el-table__footer-wrapper tbody td { background-color: white; } /* 表头 */ /deep/ .el-table__header-wrapper thead div{ background-color: white ; } /* hover效果 */ /deep/ .el-table tbody tr:hover>td { background-color:#ffffff } <style>
去掉el-table表格的默认样式,表头颜色,hover的效果
!important不起作用, scoped 和/deep/使用 在需要改的地方的前边一定要加上 .el-table
<style scoped>
/deep/ .el-table th{
background-color: white ;
}
/* 表尾 */ /deep/ .el-table .el-table__footer-wrapper tbody td { background-color: white; } /* 表头 */ /deep/ .el-table__header-wrapper thead div{ background-color: white ; } /* hover效果 */ /deep/ .el-table tbody tr:hover>td { background-color:#ffffff } <style>
/* 表尾 */ /deep/ .el-table .el-table__footer-wrapper tbody td { background-color: white; } /* 表头 */ /deep/ .el-table__header-wrapper thead div{ background-color: white ; } /* hover效果 */ /deep/ .el-table tbody tr:hover>td { background-color:#ffffff } <style>