bug(select): multiple select uses single select text color for selected options (on-secondary-container)

[AJJPostma]

Description

When using a single select, the selected option gets seconary-container backround color with on-secondary-container text color. When using a multiple select the backround color of selected options stays the same (because there already is a checkbox to show selected state), but the text color still changes to on-secondary-container making it potentially hard to read (depending on your theme).

Reproduction

StackBlitz link: https://stackblitz.com/edit/components-issue-starter-zxlbij2m

1. Select an option in the single select
2. Select an option in the multiple select
3. See invisible selected item in multiple select.

Expected Behavior

mat-option text color should only change when selected for single select

Actual Behavior

mat-option, in mat-select with multiple, text color changes when selected, making it hard/impossible to see on some color schemes.

Environment

• Angular:
• CDK/Material:
• Browser(s):
• Operating System (e.g. Windows, macOS, Ubuntu):

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}