使用element-ui中的table修改鼠标经过或悬停行时颜色修改
·
修改单个页面表格样式
给tbale表格加个class abc 在style样式中加入一下代码
.abc ::v-deep .el-table__body tr:hover > td {
background-color: pink !important;
}
修改所有页面table表格样式
第一种:
.el-table--enable-row-hover .el-table__body tr:hover>td{
background-color: pink !important;
}
第二种:
// 鼠标经过颜色改为粉红色
.el-table__body tr:hover>td{
background-color: pink !important;
}
// 点击之后颜色改为粉红色 如果没有效果 需要给el-table 加上 highlight-current-row 这个属性
.el-table__body tr.current-row>td{
color: rgb(28, 235, 211);
background: rgb(123, 155, 233) !important;
}
AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。
更多推荐



所有评论(0)