Question

我正在尝试按照Material 2网站中的描述添加表单和输入。表单不显示，但是当我单击表单输入时，它会显示。

其他信息（更新）：

我正在使用自定义主题。

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

但是当我将其更改为更轻的主题时，表单元素会显示出来。

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

我想这与background和currentColor有关。

Answer 1

我能搞清楚。

使用深色主题时，预期表单的背景为深色而不是白色。

我添加了一个带有浅色背景主题的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>

Angular Material 2 Form不显示

1 个答案: