angular - 如何使样式或样式表可用于子组件

Question

如何使这种样式可用于子组件？

.invalid {
  border-color: #dd2c00;
}

是否可以使整个组件的样式表可供子组件使用？

标签： angular

Answer 1

关于您的课程，在其前面添加 ::ng-deep 就可以了。

::ng-deep .invalid {
  border-color: #dd2c00;
}

至于你的另一个问题：

是否可以使整个组件的样式表可供子组件使用？

您可以将组件的ViewEncapsulation属性更改为Native或None

@Component({
  ...
  encapsulation: ViewEncapsulation.None
  ...
})