如何在不使用MUIThemeProvider的情况下覆盖material-ui TextField组件的样式？

小编典典

如何在不使用MUIThemeProvider的情况下覆盖material-ui TextField组件的样式？

reactjs

我如何在不使用以下代码的 情况下 隐藏/删除TextField组件中的下划线：

const theme = createMuiTheme({
  overrides: {
    MuiInput: {
      underline: {
        '&:hover:not($disabled):before': {
          backgroundColor: 'rgba(0, 188, 212, 0.7)',
        },
      },
    },
  },
});

我想用道具，并根据文档：https : //material-
ui.com/api/input/

我应该能够更改下划线道具，但是它不起作用。

阅读 439

2020-07-22

共1个答案

小编典典

这是您的操作方式：

<TextField
    id="name"
    label="Name"
    value={this.state.name}
    margin="normal"
    InputProps={{disableUnderline: true}}
/>

我怎么知道的？

您已链接到Input文档，该文档确实具有disableUnderline支持。

但是，您正在使用TextField组件：

重要的是要了解，文本字段是以下组件之上的简单抽象：

表格控件

输入标签

输入项

FormHelperText

如果您查看以下可用道具的清单TextField：

InputProps-对象-应用于Input元素的属性。

2020-07-22