How to style select

Styles from the material/select package can be customized using the select-overrides mixin. This mixin accepts a set of tokens that control how the components will look, either for the entire app or under a specific selector. For example:
@use '@angular/material' as mat;

// Customize the entire app. Change :root to your selector if you want to scope the styles.
:root {
  @include mat.select-overrides((
    panel-background-color: orange,
    enabled-trigger-text-color: red,
  ));
}
You can find the full list of supported mixins and tokens below.

Tokens supported by select-overrides

NameTypeBased on system token
container-elevation-shadowBase None
panel-background-colorColor--mat-sys-surface-container
enabled-trigger-text-colorColor--mat-sys-on-surface
disabled-trigger-text-colorColor--mat-sys-on-surface
placeholder-text-colorColor--mat-sys-on-surface-variant
enabled-arrow-colorColor--mat-sys-on-surface-variant
disabled-arrow-colorColor--mat-sys-on-surface
focused-arrow-colorColor--mat-sys-primary
invalid-arrow-colorColor--mat-sys-error
trigger-text-fontTypography--mat-sys-body-large-font
trigger-text-line-heightTypography--mat-sys-body-large-line-height
trigger-text-sizeTypography--mat-sys-body-large-size
trigger-text-trackingTypography--mat-sys-body-large-tracking
trigger-text-weightTypography--mat-sys-body-large-weight
arrow-transformDensity None
Azure & Blue theme selected.