角度材质步进器更改图标颜色

.mat-step-icon {
  background-color: #ff0000; /* 更改图标背景颜色 */
  color: #ffffff; /* 更改图标文字颜色 */
}

.mat-step-icon-selected {
  background-color: #00ff00; /* 更改选中图标的背景颜色 */
  color: #000000; /* 更改选中图标的文字颜色 */
}

import { createTheme } from '@angular/material/core';

const theme = createTheme({
  components: {
    MatStepIcon: {
      backgroundColor: '#ff0000',
      color: '#ffffff',
      selectedBackgroundColor: '#00ff00',
      selectedColor: '#000000'
    }
  }
});

import { NgModule } from '@angular/core';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { MatStepperModule } from '@angular/material/stepper';
import { ThemeModule } from './theme/theme.module';

@NgModule({
  declarations: [
    // 你的组件
  ],
  imports: [
    BrowserAnimationsModule,
    MatStepperModule,
    ThemeModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }