Material-ui: [AutoComplete] No way to set the underlying TextField Style

[jeanblanchard]

Problem description

There is currently to way to set the style of the underlying TextField in the AutoComplete component. So no setting the font size and so on.

Suggestions:

• Add a new textFieldStyle to the AutoComplete props and pass that as the TextField style prop
• Forward the style prop directly to the TextField - This makes it trivial to convert a TextField to an AutoComplete, but I'm not sure about the side-effects, it's probably not such a good idea...

Versions

• Material-UI: 0.15.1
• React: 15.1.0

[LeeKevin]

It would be helpful to also be able to style all the same components as in the TextField (e.g. the underline, hintText, etc.)

[oshalygin]

Yeah if we can set the global style in maybe the getMuiTheme function that would be ideal. It would be nice to set the styling for common components such as TextField at the global level and then customize it accordingly when needed.

I guess the solution to that could always be our own wrapper over TextField but that seems a bit cumbersome.

[mj-airwallex]

This seems fixed, perhaps OK to close? https://github.com/callemall/material-ui/commit/4bea5dd7e01ac51fd07e7159f9ad392cec69ef64#diff-f5a0978e337757ac80c1a1dd2072e1e8

[jeanblanchard]

Indeed. It seems to be fixed in v0.16.

[lechup]

As far as I can see there is still no way to override all TextField styles from within AutoComplete , what I see missing:

• floatingLabelFocusStyle
• floatingLabelShrinkStyle
• floatingLabelStyle
• hintStyle
• inputStyle
• textareaStyle
• underlineDisabledStyle
• underlineFocusStyle
• underlineStyle

[lechup]

I've created #6231 to fix that...