.dialog_table.el-table{ width: 100%; background-color: transparent!important; thead tr, thead tr th{ background: linear-gradient(0deg, rgba(2,115,233,0.3) 0%, rgba(2,115,233,0.1) 40%, rgba(2,115,233,0) 100%) !important; background-color: transparent!important; color: #FFFFFF; } th > .cell { font-size: 14px; font-family: SimHei; font-weight: 400; color: #FFFFFF; } tr { background-color: rgba(2, 115, 233, 0.06); } tr:nth-of-type(2n+1){ background-color: rgba(2, 115, 233, 0.08); } //改变ht和elment表格鼠标经过高亮时的背景颜色 tbody tr:hover > td, tbody tr:hover > td{ background-color: rgba(2, 115, 233, 0.3)!important; } .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell { background-color: rgba(2, 115, 233, 0.3); } th.el-table__cell.is-leaf,td.el-table__cell { border-bottom: 1px solid #01215a !important; } ::-webkit-scrollbar { width: 18px; height: 18px; background-color: #01215a; } ::-webkit-scrollbar-corner { background: #01215a; } td > .cell { font-size: 14px; font-family: SimHei; font-weight: 400; color: #D7F1FF!important; } } .dialog_table.el-table::before { content: ''; position: absolute; background-color: #01215a; z-index: 1; } .el-table.el-table--border tbody tr:hover > td { background-color: rgba(2, 115, 233, 0.3)!important; } .dialog_table{ /* 设置滚动条的样式 */ ::-webkit-scrollbar { width: 8px !important; //垂直方向上的宽 height: 8px !important; //水平方向上的宽 } /* 滚动槽 */ ::-webkit-scrollbar-track { background-color: #01215a !important; } /* 滚动条滑块 */ ::-webkit-scrollbar-thumb { border-radius: 6px; background-color: rgba(#fff, 0.1) !important; } /*滚动条交叉样式*/ ::-webkit-scrollbar-corner { background: #01215a !important; } } .dialog-table-container{ margin-top: 10px; .pagenation{ margin-top: 20px; } } .dialog_table .el-table__expanded-cell{ background-color: rgba(2, 115, 233, 0.3)!important; } .dialog_table .el-table__expand-icon{ color: #fff; } .dialog-table-expand { font-size: 0; font-family: SimHei; color: #99a9bf; padding:0 20px; box-sizing: border-box; } .dialog-table-expand label { width: 90px; color: #fff; font-family: SimHei; } .dialog-table-expand .el-form-item { margin-right: 0; margin-bottom: 0; width: 100%; }