Open deepthan opened 3 years ago
在需要更改的样式前面加上 :host ::ng-deep,如有个第三方包里有个class为 deepthan的元素,要修改其:
:host ::ng-deep
: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 { // 要覆盖的样式 }
如何更第三方库css
在需要更改的样式前面加上
:host ::ng-deep
,如有个第三方包里有个class为 deepthan的元素,要修改其::host 表示绑定在当前组件上。
若一个元素是一个弹窗怎么覆盖里面的样式
如果这个弹窗时是以body为定位基准的,如 ng-zorro-antd、material、primeng(设置了appendTo=body),则需要在弹窗上加一个class。如