我目前正在为我的应用程序使用Angular Material，但是某些样式覆盖了我正在使用的模板的样式。实际上，他们是许多受到影响的班级。
我正在尝试仅添加所需组件的样式。我个人需要此Angular Material中的BottomSheet和Dialog组件。
我发现您可以在文档中使用其主题选项添加Angular Material的特定样式，但是当我将BottomSheet和Dialog的样式添加到styles.scss文件中时，我看不到任何东西，因为我没有的样式cdk-overlay-container，但是我找不到具有这些样式的scss文件来将它们添加到我的styles.scss文件中。
styles.scss到目前为止，这是我在文件中的代码：
@import '~@angular/material/theming';
$candy-app-primary: mat-palette($mat-indigo);
$candy-app-accent: mat-palette($mat-pink, A200, A100, A400);
$candy-app-theme: mat-light-theme($candy-app-primary, $candy-app-accent);
@include mat-bottom-sheet-theme($candy-app-theme);
@include mat-dialog-theme($candy-app-theme);
关于如何解决此问题的任何想法？谢谢！
对于那些面临相同问题的人，只需尝试添加需要这种cdk-overlay-container样式的特定组件即可。您只需要使用此库添加scss文件，只需将其添加到您的styles.scss：
@import '~@angular/cdk/overlay-prebuilt.css';
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句