角度材料2正常输入

我在我的项目中使用此代码 它与输入相同,但在输入的底部有一个下划线

我只是在 mat-form-field 风格

<mat-form-field   style="padding:3px;border-radius:60px;border-style:solid; border-color:#c0bfbf91;border-width:1px">
    <input matInput  value="Sushi">
  <mat-icon  matSuffix>search</mat-icon>
      <mat-placeholder style="margin-left:20px">Favorite food</mat-placeholder>
  </mat-form-field>

你可以用 floatLabel="never" 在您的mat表单字段上:

<mat-form-field appearance="legacy" floatLabel="never">
    <mat-label>Search here</mat-label>
    <input matInput>
    <mat-icon matSuffix>search</mat-icon>
</mat-form-field>

你不能把它和 appearance="outline" 就像在示例图像中所述 docs 以下内容:

注意:只有旧外观支持Never选项。最初从未被添加为使浮动标签模拟标准输入占位符行为的方法。然而,表单域现在支持浮动标签和占位符。因此,在非传统外观中,“从不”选项已被禁用,而只使用占位符。