修改element的樣式的時(shí)候style標(biāo)簽不能加上scoped所以為了防止修改的樣式影響到別的頁(yè)面谓传，建議在當(dāng)前頁(yè)面加一個(gè)id,修改時(shí)帶上id
<template>
<div id="building-top">
</div>
</template>
修改頭部背景
#building-top .el-table th{
background: #344067;
}
修改行背景
#building-top .el-table tr{
background: #16203C;
}
修改斑馬線背景
#building-top .el-table--striped .el-table__body tr.el-table__row--striped td {
background: #1f284c;
}
修改行內(nèi)線的顏色
#building-top .el-table td,.building-top .el-table th.is-leaf {
border-bottom: 1px solid #ccc;
}
修改表格最底部顏色和高度
#building-top .el-table::before{
border-bottom: 1px solid #ccc;
height: 2px
}
修改表頭字體顏色
#building-top .el-table thead {
color: #8EB7FA;
font-weight: 500;
}
修改表格內(nèi)容部分字體顏色
#building-top .el-table{
color: #6B91CE;
}
修改表格無(wú)數(shù)據(jù)背景，字體顏色
#building-top .el-table__empty-block{
background: #16203C;
}
#building-top .el-table__empty-text{
color: #ccc
}
修改表格鼠標(biāo)懸浮hover背景色
#building-top .el-table--enable-row-hover .el-table__body tr:hover>td {
background-color: #114696;
}
