如何将角形形式输入样式更改为普通输入？

Question

我想将现有输入行更改为普通输入框。我该如何完成？我正在使用Angular Material 6.4.1

Answer 1

如果将普通输入框表示为filled text fields，则可以通过将表单字段元素的appearance属性设置为fill来填充文本字段：

<mat-form-field appearance="fill">
  <mat-label>Email</mat-label>
  <input matInput [(ngModel)]="email">
  <!-- ... -->
</mat-form-field>
<!-- ... -->

---

  

另请参阅：

     

  
• Angular Material docs covering the form field appearance variants
  
• Angular Material form field API for MatFormField