Change font size in pop up lists for components Select and Autocomplete

[ustas4]

**Describe: **
Using style=me.Style(font-size=...) in components Select and Autocomplete does not affect the font height of pop-up list

**Solution: **
The style should be passed to the inner component

[richard-to]

Yes, this is one drawback of the current system of using the style property for the whole component. We probably need a better solution for the future.

But currently, I would suggest adding your own stylesheet and overriding the styles that way. I think it will be more effective.

We recently added a way to host static assets, you can add your own stylesheet: https://google.github.io/mesop/guides/static-assets/

If you need more targeted css, you can use something like:

with me.box(classes="your-classes"):
  me.select(...)

Then in your style stylesheet you can use a more targeted styling on that select component.

Mainly, you'll just need to use dev tools and play and around with which selectors to override.

[wwwillchen]

You can also look into overriding the CSS variable values that are set by Angular Material, for example: --mat-select-trigger-text-size (you would still add your own stylesheet).

I'd look at Angular Material docs for more info: https://material.angular.io/guide/theming