相关疑难解决方法(0)

在使用 material-ui TextField 时，我希望 TextField 是裸露的（没有下划线）。我确实知道使用 material-ui 中的 InputBase 可以实现这一点，但我有点需要使用 TextField API 来实现这一点，但我没有在 API 指南中找到这样做的方法。

我有一个Select在深色背景上的材质UI 组件,所以对于这个组件我想要更改它,以便文本和线条颜色都是白色.其余的Select实例应保持不变.

虽然我可以让文字和图标改变颜色,但我似乎无法弄清楚如何使用classes道具设置下划线颜色.我的尝试似乎也使打开的图标包裹到下一行.这是一个证明问题的例子:

我的风格是这样的:

const styles = theme => ({
  underline: {
    borderBottom: '2px solid white',
    '&:after': {
      // The MUI source seems to use this but it doesn't work
      borderBottom: '2px solid white',
    },
  }
};

然后我将它设置为:

<Select
  classes={{
    underline: classes.underline,     // Does it go here?
  }}
  inputProps={{
    classes: {
      underline: classes.underline,   // Or does it go here?
    },
  }}
>

这个方法适用于文本(上面没有显示,但在链接的例子中),它只是我无法改变的下划线颜色.我错过了什么？

我希望删除下划线样式,并在文本字段在反应材料ui的自动完成组件中获得焦点时更改它的颜色.

我似乎无法找到要覆盖的样式.

提前致谢.

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

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

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

我应该能够改变下划线道具,但它不起作用.