材质Ui TextField删除底部边框

问题描述

我正在为我的项目使用材料ui,这是我的textField text field reality

如您所见,它的底部一个下划线,但是我想完全删除它,以前我通常使用border:“ 0px”,但是我不知道如何自定义它,这就是我想要的

text field expectation

感谢您的时间来帮助我,非常感谢您的努力,希望您过得愉快

您可以在此代码和框链接中进行编辑:codesanboxlink

解决方法

在这种情况下,您可以从material-ui导入InputBase

import InputBase from '@material-ui/core/InputBase';

您可以在codeandbox codesandboxlink

上看到您的示例