Removing underline style of autocomplete in react material ui component
css, javascript, material-ui, reactjs
Solution
You can accomplish this using the `<TextField/>` props that are rendered to the `<AutoComplete/>` component. Because `<AutoComplete />` uses the `<TextField/>` you have access to those props. So you actually have two ways of removing the underline of the autocomplete. Unfortunately this is undocumented in the Material-UI docs for autocomplete.
`<AutoComplete underlineStyle={{display: 'none'}}>`
or
`<AutoComplete underlineShow={false}> `
edit: This answer is relevant to older versions of Material UI. This answer does not work for version 1.0 or higher.
Problem
I want to remove the underline style and change the of the color of it when the text field gets focus in the autocomplete component of react material ui. I can't seem to find the style to override. Thanks in advance.