如何注释输入？HTML/CSS

我制作了一个登录表单，但是输入看起来像这样，我如何在输入的框架下划线？ Html:

---

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

您可以查看文档

  <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>