我有一个简单的要求样式的标题部分的mat-tab-group
。以下规则适用得更多,更好
mat-tab-group.buttons-tab {
> .mat-tab-header {
... some more rules
}
}
但是,这必须是全局CSS,而我希望将它封装在已使用的组件中(因为这是使用这种自定义样式的唯一地方)。Angular封装buttons-tab
类,但它也封装.mat-tab-header
类。这种封装防止规则的应用,因为内部mat-tab-headers
没有封装。为我的组件关闭封装的不是选项,因为它包含更多需要封装的样式。
所以问题是
@Component
中,并单独设置每个文件的封装。发布于 2018-05-03 20:06:32
在要防止视图封装的组件中,可以将代码(在@Component块内):
encapsulation: ViewEncapsulation.None
在这里阅读更多关于这一点的信息:https://angular.io/guide/component-styles#view-encapsulation
https://stackoverflow.com/questions/50153526
复制相似问题