How to fully override styles of Select component from Angular Material?

Discussão em 'Angular' iniciado por Vladimir99, Abril 3, 2025.

  1. Vladimir99

    Vladimir99 Guest

    I'm using Select component from Angular Material v19. I managed to override the style of some parts of the component using select-overrides mixin, but not completely.

    Here is my scss:

    @include mat.select-overrides((
    panel-background-color: gray,
    enabled-trigger-text-color: white,
    enabled-arrow-color: white,
    focused-arrow-color: orange
    ));


    I need to customize option bg-color on hover, option text color and bg-color on hover and text color for selected option. Is there any override mixin that I'm not aware of or I need to use workarounds.

    Thank you in advance.

    Continue reading...

Compartilhe esta Página