重写element-ui table hover样式 

在样式文件中进行编辑,之后在各个所需要的页面进行引入:

两种方式:

第一种:


.el-table--enable-row-hover .el-table__body tr:hover>td{
background-color: #c6cfdf !important;
}
 

第二种:


.el-table__body tr:hover>td{
    background-color: #c6cfdf!important;
  }
 
  .el-table__body tr.current-row>td{
    background-color: #c6cfdf!important;
  }

在我使用过程中,第二种方式相对来说,比较有效,第一种方式仅对部分页面有效,猜测哪些没有生效的页面可能是由于在其他地方重写了css样式,各位如果需要,可分别试一下!

GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:1 个月前 )
c345bb45 5 个月前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 5 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐