去除表格背景颜色 背景变透明

在这里插入图片描述

表格背景变透明

/deep/ .el-table{
    
     //表格背景变透明
  background: none;
  &:before{
    
    
    background: none;
  }
  & th{
    
     //表头
    // background: none; //去除背景
    background-color: #16145A;
    color: #60A8FF; //表头字体颜色
    padding: 3px 0; //表头内边距
    border-bottom: 1px solid #004DA1;
  }
  & tr{
    
     //行
    background: none; //去除背景
    color: #60A8FF; //表格内容字体颜色
    &:hover, &:focus{
    
    
      background: none; cursor: pointer;
      td{
    
    
        background-color: rgba(10, 221, 255, .2);
      }
      // color: #fff;
    }
    & td{
    
     //行
      padding: 6px 0; //行 内边距
      border-bottom: 1px solid #004DA1;
    }
  }
}
/deep/ .el-table ::-webkit-scrollbar-thumb, .temporaryAdd ::-webkit-scrollbar-thumb, .details_edit ::-webkit-scrollbar-thumb {
    
    
  background: #0c55a3;// 滚动条颜色
}
/deep/ .el-table ::-webkit-scrollbar-track, .temporaryAdd ::-webkit-scrollbar-track, .details_edit ::-webkit-scrollbar-track {
    
    
  background: #01438a83; // 滚动条底色
}

猜你喜欢

转载自blog.csdn.net/qq_43780814/article/details/120771113
今日推荐