Angular NG-ZORRO 如何修改ng-zorro-antd组件自身的样式

Posted Kabukiyo Lin

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Angular NG-ZORRO 如何修改ng-zorro-antd组件自身的样式相关的知识,希望对你有一定的参考价值。

Angular NG-ZORRO 如何修改ng-zorro-antd组件自身的样式


前阵子在公司实习学习中,接触到了ng-zorro-antd这个组件库,用它来做了一些业务上的内容。方便好用是不需要说的了,但是有时候需要修改它自身的样式,为的是能和其它组件能够统一美观。
这里总结一下修改ng-zorro-antd组件自身样式的几种方法,供需要时查阅参考。

方法总结:

  1. 类名等 前加 ::ng-deep
  2. 类名等 前加 :root
  3. 类名等 前加 :host /deep/

以上是关于Angular NG-ZORRO 如何修改ng-zorro-antd组件自身的样式的主要内容,如果未能解决你的问题,请参考以下文章

《Angular与ng-zorro结合》

阿里云 Angular 2 UI框架 NG-ZORRO介绍

阿里巴巴即将开源Angular组件库NG-ZORRO

angular4.0 安装最新版本的nodejsnpm@angular/cli的方法

angular4.0 安装最新版本的nodejsnpm@angular/cli的方法

ng-zorro UI源码技巧