angular - 如何应用样式属性 Angular 自动完成

Question

在我的 Angular 应用程序中，我有自动完成功能

template.html

<mat-form-field >
    <input matInput [matAutocomplete]="auto"  [formControl]="customerFilterControl">
       <mat-autocomplete #auto="matAutocomplete" [displayWith] = "displayFn">
         <mat-option *ngFor="let option of (filteredOptions | async);index as i" [value] ="option">
           {{option.name}}
         </mat-option>
       </mat-autocomplete>
   </mat-form-field>

如图所示的下拉菜单，我希望颜色为白色，文本颜色必须为黑色，该怎么做？

我尝试将 mat-autocomplete attr 的样式应用到 bg-color=white 和 color=black。但这并没有成功。请帮助我:)

我还想显示完整的单词，例如:应该显示 1069842(CADMinexxxxx) 而不是 1069842(CAD...

Answer 1

覆盖样式，

::ng-deep mat-option {
  background-color: white;
}