级联选择器Cascader
1.修改hover样式
::v-deep .el-cascader .el-input__inner:hover {
border-color: #4dbeff
}
2.修改多选选中块背景
.el-cascader__tags .el-tag:not(.is-hit){
background-color: #21aeff;
color:#fefefe
}
表格
::v-deep .el-table {
margin-top: 25px;
/* 选中后的高亮行背景色 */
.current-row > td {
background: #113556 !important;
}
/* 选中后的高亮行border */
.current-row .cell {
border-bottom: 1px solid #206aa9 !important;
border-top: 1px solid #206aa9 !important;
}
/* 选中后的高亮行border-right */
.el-table__row.current-row > .el-table_1_column_4 {
.cell {
border-right: 1px solid #206aa9;
}
}
/* 选中后的高亮行border-left */
.el-table__row.current-row > .el-table_1_column_1 {
.cell {
border-left: 1px solid #206aa9;
}
}
}
// hover
/* 每行鼠标悬停样式 */
::v-deep .el-table--enable-row-hover .el-table__body tr:hover > td {
background-color: #113556;
.cell {
border-bottom: 1px solid #206aa9 !important;
border-top: 1px solid #206aa9 !important;
}
}
/* hover后的高亮行border-right */
::v-deep .el-table--enable-row-hover .el-table__body tr:hover .el-table_1_column_4{
.cell{
border-right: 1px solid #206aa9;
}
}
/* hover后的高亮行border-left */
::v-deep .el-table--enable-row-hover .el-table__body tr:hover .el-table_1_column_1{
.cell{
border-left: 1px solid #206aa9;
}
}