【Angular】如何覆盖第三方库css

[deepthan]

如何更第三方库css

在需要更改的样式前面加上 :host ::ng-deep ，如有个第三方包里有个class为 deepthan的元素，要修改其：

:host ::ng-deep .deepthan{
    color：#000        
}

:host 表示绑定在当前组件上。

若一个元素是一个弹窗怎么覆盖里面的样式

如果这个弹窗时是以body为定位基准的，如 ng-zorro-antd、material、primeng（设置了appendTo=body）,则需要在弹窗上加一个class。如

<nz-modal class="my-modal"></nz-modal>

.my-modal ::ng-deep {
    // 要覆盖的样式
}