如何应用样式属性角度自动完成

卡兰西斯

在我的角度应用程序中,我具有自动完成功能

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 ... 在此处输入图片说明

库马尔·德维迪亲王

写在style.css

.mat-option{
  background-color: red;
}

希望它对你有用

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章