score:53

Accepted answer

As per DOC.

disableUnderline prop =>

disableUnderline : boolean

Default Value: false

Details: If true, the input will not have an underline.

There is a property disableUnderline provided by the DOC, we can directly use that to remove the underline from input element.

Try this:

<Input
     disableUnderline={true}     //here
     classes={classes}
     placeholder={placeholder}
     value={value}
     onChange={onChange} />

score:-4

put css a tags to app.css, it work for me. because it use base tags
a { text-decoration: none }

score:0

The way to remove the underline form the Textfield of Material UI is to use the css property example borderBottom: 'none !important'

More elaborated view.. '& .MuiInput-underline:after': { borderBottom: 'none !important' }


Related Query

More Query from same tag