可以使用CSS伪元素::ng-deep来选择我们想修改的class并覆盖掉ng-star-inserted。例如,假设我们想修改一个名为“my-class”的div标签,但是ng-star-inserted覆盖了我们的样式,可以这样做:
:host ::ng-deep .my-class {
color: red;
}
其中,:host选择器让我们把样式限制在当前组件内。::ng-deep伪元素可以让我们穿透到子组件的Shadow DOM中选取元素并进行样式修改。这样,我们就可以成功地覆盖掉ng-star-inserted类的样式了。