ng-zorro-antd的modal的样式冲突，强行修改antd样式的方法

前言

曾经在csdn上随意写了一些开发记录总结，无意中获得了赞和诸多浏览量，嘿嘿，对我而言是极大的鼓励。
后面，我想，， 开发过程中的一些小问题，小方法都在这里集中的整理出来。
提升自己的文档撰写能力，也方便大家在遇到类似问题的时候，可以多个解决的门道

问题背景

项目中要用到ng-zorro-antd的modal组件。但是又要自定义的修改其默认样式。

解决方法

通过::ng-deep对样式进行强行修改。
代码如下，其中ant-modal-content和ant-btn都是组件自己的class名字

::ng-deep .ant-modal-content { // 强行改变modal的样式
  .ant-btn{
    width: 105px;
    color: #fff;
  }
  .ant-btn-default{
    background-color: #188bd4;
  }
  .ant-btn-primary{
    background-color: #ff7b70;
  }
}