美文网首页
2019-07-23改变Element组件的默认样式

2019-07-23改变Element组件的默认样式

作者: Kason晨 | 来源:发表于2019-07-23 15:53 被阅读0次

    思路:先在浏览器调试一下,找到改变某个类名的样式生效后,记住该类名,然后去代码里修改;



    原始样式

    覆盖样式:

    使用 /deep/ 可以让css有穿透效果

    .left /deep/ .el-collapse-item__header {
      background: rgb(67, 90, 119);
      color: #fff;
      border: none;
      padding-left: 50px;
    }
    .left /deep/ .el-collapse-item__content {
      background: rgb(30, 41, 54);
      color: #fff;
      padding: 0;
    }
    
    .grid-content /deep/ .el-collapse {
      border: none;
    }
    .grid-content /deep/ .el-collapse-item__wrap {
      border: none;
    }
    
    .el-collapse-item /deep/ .el-collapse-item__wrap{
      border:none;
    }
    
    .el-dropdown-link {
      cursor: pointer;
      color: #409eff;
      margin-right: 60px;
    }
    .el-icon-arrow-down {
      font-size: 12px;
    }
    
    修改成功

    相关文章

      网友评论

          本文标题:2019-07-23改变Element组件的默认样式

          本文链接:https://www.haomeiwen.com/subject/hucalctx.html