自定義主題后，角度材質默認樣式/動畫不起作用

Question

我最近在添加/編輯 theme.css 文件后遇到了我的應用程序問題。 一些角度材質樣式不再適用，例如位置和動畫以及背景顏色。

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

原來的theme.css

編輯后，嘗試為不同的用戶實現不同的主題。

在我修改了主題之后，現在我可以實現應用程序可以根據 environment.ts 文件中定義的類來更改顏色。

在 app.component.html

然而，問題接踵而至。

1. 所有對話框/下拉菜單/日期選擇器/彈出窗口的背景都變得透明了，所以我定義了一個類並強制它們具有白色背景。

2. 對話框中的所有內容都變得異常，如下圖所示，所有輸入/選擇都沒有邊框，並且在輸入字段上單擊/激活時沒有素材動畫。

3. 從上圖中，即使我定義了按鈕，您也會看到按鈕沒有顏色樣式。

4. 但是，如果輸入字段不在對話框中，則沒有問題，您可以看到樣式和動畫仍然如下圖所示。

任何人都經歷過這種情況？ 我已經嘗試解決這個問題 4 天了，但仍然沒有任何線索。？ 如果有人可以幫助我，我將非常感激。

看待

Answer 1

這個問題是因為我們添加了自定義主題類之后，還要配置Overlaycontainer。

此鏈接將有助於解決此問題。

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