控件周围的 Angular Material mdInput 边框

Question

我想设置我的 mdInput 控件的样式，使其周围有一个黑框:

    <md-form-field>
      <input type="text" mdInput [(ngModel)]="row.price" placeholder="Price">
    </md-form-field>

我试着用 style="border: 1px solid black;"在输入控件周围放置一个 div但是它仅在输入控件本身周围创建边框。我试图向 md-form-field 添加边框，但它只在左侧和右侧放置边框(但根据高度判断，如果我能够在顶部和底部获得边框，看起来我能够实现)任何方式实现那个？

Answer 1

https://material.angular.io/components/form-field/overview#form-field-appearance-variants

较新版本的 Angular 表单字段支持表单字段的不同外观，如

1. 遗留( Material 默认)
2. 标准
3. 填写
4. 大纲

大纲就是你要找的

看这里的演示

https://stackblitz.com/edit/angular-61fqsd?file=src/app/app.component.html