Angular material 如何导入角度材质Css

我尝试在我的项目中使用角度材质，并导入标记，但不是所有的样式都存在

在我的HTML中：

<mat-form-field>
  <input matInput [matDatepicker]="picker" placeholder="Choose a date">
  <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
  <mat-datepicker #picker startView="year" [startAt]="startDate"></mat-datepicker>
</mat-form-field>

它应该表明：

但它表明：

我添加了

@import“~@angular/material/prebuild themes/indigo pink.css”到styles.css，日历显示良好，但文本字段仍然不好

您需要了解这里的一切

尝试将此行添加到styles.css:
@import“~@angular/material/prebuilded themes/indigo pink.css”

从这一步开始：

以下是您需要的导入：

import { MatDatepickerModule, MatFormFieldModule, MatNativeDateModule, MatInputModule } from '@angular/material';

import {BrowserAnimationsModule} from '@angular/platform-browser/animations';


@NgModule({    
imports: [BrowserModule, FormsModule, MatDatepickerModule, MatFormFieldModule, MatNativeDateModule, MatInputModule, BrowserAnimationsModule],
...
})

我添加了样式，datepicker显示良好，但输入文本未设置样式。。我将为问题添加一个屏幕截图。你知道我能做些什么来解决这个问题吗？检查我更新的答案。请注意
MatInputModule
import。如果您仍然无法查看此stackblitz:：）导入一开始有点令人不安，但您很快就会掌握窍门！