react antd表格样式修改
我是直接控制台选择出标签类名强制修改的;
觉得用important加层级方案不是很好,如果有更好的方案麻烦评论指点
/* 表头样式 */.ant-table-thead>tr>th,.ant-table-thead>tr {background: #043F4F !important;color: #0FDBDA !important;font-size: 22px;line-height: 0px;font-weight: bold !important;text-align: center !important;}/* 表头行高调整 */.ant-table-thead>tr>th {line-height: 30px;}/* 表体背景色调整 */.ant-table-tbody>tr>td {background: #043F4F;color: #fff;text-align: center;border-bottom: #037680 1px solid;font-size: 18px;}/* hover悬浮效果样式 选中样式 */.ant-table-tbody>tr:hover:not(.ant-table-expanded-row)>td,.ant-table-row-hover,.ant-table-row-hover>td {background: #037680 !important;}.ant-table-fixed .ant-table-row-hover,.ant-table-row-hover>td {background: #037680 !important;}.ant-table-tbody>.ant-table-row-selected>td {background: #037680 !important;}.ant-table-cell-row-hover {background: #037680 !important;}
修改后效果