Question

我要更改 TextField 组件中标签颜色和文字的内容。

我正在使用 material-ui @ next。

和0.15的文档不起作用（我已经检查过了）。

有人可以举一些简短示例覆盖浮动标签吗？（不改变一般主题！）

感谢

Answer 1

从documentation开始，当你有TextField时，它实际上是几个较小组件的抽象组件

高级配置

理解文本字段很简单很重要   在以下组件之上进行抽象：

FormControl    - InputLabel



列出项目



输入



FormHelperText



块引用



如果您希望更改应用于本机输入的属性，您可以执行以下操作：...

在TextField中，您可以为输入和标签传递道具，如下所示：

<TextField
  defaultValue="react-bootstrap"
  label="Bootstrap"
  InputProps={{
    disableUnderline: true,
    classes: {
      root: classes.textFieldRoot,
      input: classes.textFieldInput,
    },
  }}
  InputLabelProps={{
    shrink: true,
    className: classes.textFieldFormLabel,
  }}
/>

这取自this page.

中给出的最后一个例子

在material-ui @ next中使用TextField样式

1 个答案: