自定义主题后角度材料默认样式/动画不起作用

Question

我最近在添加/编辑 theme.css 文件后遇到了我的应用程序问题。一些角度材质样式不再应用，例如位置和动画以及背景颜色。

我对 Theme.css 文件做了什么：

原来的theme.css

编辑后，尝试为不同的用户实现不同的主题。

在我修改了主题之后，现在我可以实现应用程序可以根据 enviornment.ts 文件中定义的类更改颜色。

在 app.component.html 中

然而，问题接踵而至。

1. 所有 dialog/dropdown/datepicker/popup 的背景都变成透明的，所以我定义了一个类并强制它们具有白色背景。

2. 对话框内的一切都变得异常，如下图所示，所有输入/选择都没有边框，并且在输入字段上单击/激活时没有素材动画。

3. 从上图中，你会看到按钮没有颜色样式，即使我已经定义了它们。

4. 但是，如果输入字段不在对话框中，则没有问题，您可以看到样式和动画仍然应用，如下图所示。

有人经历过吗？我一直在尝试解决这个问题 4 天，但仍然没有任何线索。如果有人可以帮助我，我将非常感激。

考虑

Answer 1

这个问题是因为我们添加自定义主题类后，我们必须配置Overlaycontainer。

此链接将有助于解决此问题。

https://material.angular.io/guide/theming#multiple-themes