How to style outlined select component?

[Forseti93]

I wish to use outlined select component with a custom css:

<md-outlined-select>
<md-select-option>
...

//found tokens:
--md-sys-on-primary: **;
--md-outlined-text-field-input-text-size: **;
--md-outlined-text-field-label-text-size: **;

How to edit colors for a dropdown menu? What tokens should I use?

[asyncLiz]

You'll need to use the outlined select's tokens, which look similar to text fields' but have a different prefix.

md-outlined-select {
  --md-sys-on-primary: **;
  --md-outlined-select-text-field-input-text-size: **;
  --md-outlined-select-text-field-label-text-size: **;
}

For the menu, use the ::part(menu) selector and menu tokens.

md-outlined-select::part(menu) {
  --md-menu-container-color: **;
}