Angular 角度材质选择框未正确显示

我是一个具有角度材质的角度8项目，我有一个表单，其中我需要添加一个具有以下样式的选择框：

注意标签“选择一个选项”样式如何在中间行。

html代码：

<mat-form-field>
  <mat-label> Select an option</mat-label>
  <mat-select>
    <mat-option *ngFor="let type of types" [value]="type">{{type}}</mat-option>
  </mat-select>
</mat-form-field>

我找不到文档中的任何地方，如何让“选择一个选项”留在中间。 这是你的电话号码

---

有人能帮我吗？

将外观设置为如下轮廓：

选择一个选项
{{type}}

将外观设置为轮廓，如下所示：

选择一个选项
{{type}}

types: string[] = [
    'Charmander', 'Bulbasaur', 'Squirtle'
  ];