angular material 默认 style/animation 在自定义主题后不工作
angular material default style/animation not working after custom theme
我最近在 add/edit theme.css 文件后遇到了应用程序问题。不再应用某些 angular material 样式，例如位置和动画以及背景颜色。
我对 Theme.css 文件做了什么：
原theme.css
编辑后，尝试为不同的用户实现不同的主题。
在我修改了主题之后，现在我可以实现应用程序可以根据 enviornment.ts 文件中定义的 class 更改颜色。
在app.component.html
然而，问题接踵而至
所有dialog/dropdown/datepicker/popup的背景都变成了透明的，所以我定义了一个class并强制他们有一个白色的背景。
对话框里面的一切都变得不正常，如下图，所有input/select都没有边框，click/active输入框没有material动画.
从上图中可以看出按钮没有颜色样式，即使我定义了它们。
但是，如果输入字段不在对话框中，则没有问题，您可以看到仍然应用样式和动画，如下图所示。
有人经历过吗？我已经尝试解决这个问题 4 天了，但仍然一无所知。？如果有人能帮助我，我将非常感激。
关注
这个问题是因为我们添加自定义主题后class，我们必须配置Overlaycontainer。
这个link将有助于解决这个问题。
我最近在 add/edit theme.css 文件后遇到了应用程序问题。不再应用某些 angular material 样式，例如位置和动画以及背景颜色。
我对 Theme.css 文件做了什么：
原theme.css
编辑后，尝试为不同的用户实现不同的主题。
在我修改了主题之后，现在我可以实现应用程序可以根据 enviornment.ts 文件中定义的 class 更改颜色。
在app.component.html
然而，问题接踵而至
所有dialog/dropdown/datepicker/popup的背景都变成了透明的，所以我定义了一个class并强制他们有一个白色的背景。
对话框里面的一切都变得不正常，如下图，所有input/select都没有边框，click/active输入框没有material动画.
从上图中可以看出按钮没有颜色样式，即使我定义了它们。
但是，如果输入字段不在对话框中，则没有问题，您可以看到仍然应用样式和动画，如下图所示。
有人经历过吗？我已经尝试解决这个问题 4 天了，但仍然一无所知。？如果有人能帮助我，我将非常感激。
关注
这个问题是因为我们添加自定义主题后class，我们必须配置Overlaycontainer。
这个link将有助于解决这个问题。