首页 文章

自定义主题后，角度材质默认样式/动画无效

提问于
浏览 次
0

我添加/编辑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

然而，问题来了 .

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

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

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

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

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

看待

css angular angular5 material

1 回答

相关问题