如何注释输入？ HTML/CSS

Question

我做了一个登录表单，但输入看起来像这样，我怎么能在输入的框架下划线？ html:

  <div class="center">
    <form #f [formGroup]="loginForm" (ngSubmit)="submit()">
      <img id="user" class="user" [src]="photo">
      <div class="messagebox-container">
        <mat-form-field>
          <input
            matInput
            formControlName="username"
            type="text"
            placeholder="e-mail"
          />
      </div>

      <div>
        <mat-form-field>
          <input
          matInput
          formControlName="password"
          type={{typePass}}
          id="password"
          name="password"
          class="form-control"
          placeholder="contraseña"
          [attr.disabled]="loading ? '' : null"
          />
        </mat-form-field> 

Answer 1

您是否检查过该组件所属的模块是否正在从@angular/material/input 导入 MatInputModule？有时我错过它时会遇到类似的问题。

您可以查看文档here