zoukankan      html  css  js  c++  java
  • 关于element ui中的table取消鼠标悬停背景色问题

    平时在开发时候经常会用到element ui框架,做系统类的系统通常会遇到表格之类的需求,有时候我们不想要表格鼠标划上去的时候出现的背景色,看有的网友说是用下列方法去解决

    .el-table tbody tr:hover>td {
    background-color:transparent !important
    }

    但会发现一个问题,就是比如某列固定,这个样式代码是控制不到的,所以我就去审查元素看看到底是哪里在控制这个样式问题,于是发现通过下面的设置即可达到想要的效果

    .el-table__body tr.hover-row.current-row>td, .el-table__body tr.hover-row.el-table__row--striped.current-row>td, .el-table__body tr.hover-row.el-table__row--striped>td, .el-table__body tr.hover-row>td{
    background-color:transparent;
    }

    有时也可以加下列属性来解决

    .el-table::before{
    background-color: #fff;
    }

  • 相关阅读:
    010 Editor无限制免费安装注册破解图文教程(破解补丁)
    请求设置
    请求方法
    Session
    Config
    Model
    模板2
    模板语法
    动态路由
    Put和Delete
  • 原文地址:https://www.cnblogs.com/shenwh/p/15217799.html
Copyright © 2011-2022 走看看