角度のある素材2フォームが表示されない

Question

素材2のウェブサイトに記載されているように、フォームと入力を追加しようとしています。フォームは表示されませんが、フォーム入力をクリックすると表示されます。

追加情報（アップデート）：

私はカスタムテーマを使用しています。

$customTheme: mat-dark-theme($primary, $accent, $warn); 

しかし、軽いテーマに変更すると、フォーム要素が表示されます。

$customTheme: mat-light-theme($primary, $accent, $warn); 

私はバックグラウンドとcurrentColorと関係があると思います。

Answer 1

私はそれを理解することができました。

暗いテーマを使用する場合、フォームの背景は暗い色で、白色ではありません。

light backgroundテーマのsecondaryThemeを追加し、これをフォームに使用して問題を解決しました。

$mainTheme: mat-dark-theme($primary, $accent, $warn); 

$secondaryTheme : mat-light-theme($primary, $accent, $warn); 

@include angular-material-theme($mainTheme); 

.secondaryTheme { 
    @include angular-material-theme($secondaryTheme); 
} 

<div class="secondaryTheme"> 

    <mat-form-field> 
    <input matInput placeholder="Input"> 
    </mat-form-field> 

    <mat-form-field> 
    <textarea matInput placeholder="Textarea"></textarea> 
    </mat-form-field> 
</div>