美文网首页
ng-zorro等组件默认样式的修改

ng-zorro等组件默认样式的修改

作者: w_tiger | 来源:发表于2018-02-24 20:00 被阅读0次

    在项目中修改ng-zorro组件默认样式的一些方法:

    • 类名等 前加::ng-deep
    • 类名等 前加:root
    • 类名等 前加:host /deep/
    ::ng-deep .ant-spin-dot i {
      background-color: #4c7bff;
    }
    :host ::ng-deep .ant-spin-dot i {
      background-color: #4c7bff;
    }
    :root .ant-select-dropdown {
      background-color: #1F273E;
      font-size: 14px;
      margin-top: 16px;
    }
    :host /deep/ .ant-spin-dot i {
      background-color: #4c7bff;
    }
    

    注意:上面三种方法可分别尝试一下,不同情况下其中之一会生效。

    截止目前最新的7.0.0-rc.0 版本

    table组件tbody中的td中的内容超出时默认会换行,想要实现xxxx...的效果需要一个hack:

    ::ng-deep .ant-table-tbody > tr > td {
      max-width: 0;
      white-space: nowrap;
    }
    

    相关文章

      网友评论

          本文标题:ng-zorro等组件默认样式的修改

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