Angular 如何使用ngClass更改MatSelect的背景?

Angular 如何使用ngClass更改MatSelect的背景?,angular,ng-class,Angular,Ng Class,我正在尝试更改mat select选项的背景色或使用Angular 8中的ngClass更改div容器的背景色,每当我更改值时,遵循文档和一些示例,但它们仅对列表起作用,当我尝试mat select时,我想要的结果不起作用 这是我的html代码 CSS 。选择bg1{ 背景:红色; } .选择BG2{ 背景:橙色; } .选择bg3{ 背景:绿色; } TS组件 export class TasklistComponent implements OnInit { //status ar

我正在尝试更改mat select选项的背景色或使用Angular 8中的ngClass更改div容器的背景色,每当我更改值时,遵循文档和一些示例,但它们仅对列表起作用,当我尝试mat select时,我想要的结果不起作用

这是我的html代码


CSS

。选择bg1{
背景:红色;
}
.选择BG2{
背景:橙色;
}
.选择bg3{
背景:绿色;
}
TS组件

export class TasklistComponent implements OnInit {
  //status array
  status = ['Not Yet Started','Working on It','On Going','Almost There','Done'];
  selectedStatus:string;
}

您将需要在mat选项内以跨度为目标

.selectbg1 span {
  background:red;
}

.selectbg2 span {
  background:orange;
}

.selectbg3 span {
  background:green;
}
也许复制品适合我