在材质ui中制作一个没有边框的文本字段答案

【问题标题】：make a textfiled without border in material ui在材质ui中制作一个没有边框的文本字段
【发布时间】：2020-09-03 15:30:27
【问题描述】：

我今天开始使用材料 ui 进行反应，我想制作一个像 one 这样的注册表单，基本上我只想要 5 个没有任何边框的输入文本，并且在活动时具有简单的背景颜色效果我的问题是我不能'不删除 TextField 的所有边框，并且在 api 中只有一个用于 TextFiled 组件的 css 类，它不包含任何关于我尝试过的边框的内容

border:none

谢谢

【问题讨论】：

标签： css reactjs material-ui

【解决方案1】：

您可以在 css 中执行此操作：

.MuiInputBase-root:before {
  display: none;
}

背景颜色的css：

.MuiInputBase-root:hover {
  background-color: WHAT_EVER
}

或者你可以使用customized-inputsFollow this

【讨论】：

aaah 好的，我检查了 html 代码，发现它们工作得很好