自定义主题后，角度材质的默认样式/动画无法使用

时间：2018-12-02 23:25:30

标签： css angular angular5 material

添加/编辑theme.css文件后，我的应用程序最近出现问题。不再使用某些棱角材质样式，例如位置和动画以及背景色。

我对Theme.css文件所做的事情：

原始theme.css

enter image description here

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

enter image description here enter image description here

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

在app.component.html中

enter image description here

但是，问题随之而来。

  1. 所有对话框/下拉菜单/日期选择器/弹出窗口的背景都变得透明，因此我定义了一个类并强制它们具有白色背景。

  2. 对话框中的所有内容都会变得异常，如下图所示，在输入字段上单击/活动时，所有输入/选择都没有边框，并且没有动画效果。 enter image description here

  3. 从上图中，您将看到按钮没有颜色样式，即使我已定义它们。 enter image description here

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

有人经历过吗？我已经尝试解决此问题4天了，但仍然对此一无所知。如果有人可以帮助我，我将非常感激。

谨记

1 个答案:

答案 0 :(得分：0)

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

此链接将帮助解决此问题。

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

相关问题
最新问题