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

提问于 2024-05-14T14:54:31+08:00

浏览次

2

我要更改 color of label 和 TextField 组件中的文本 .

我正在使用 material-ui@next.

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

有人可以给我简短的例子如何 override floating label ？（不改变一般主题！）

谢谢

1 回答

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

高级配置了解文本字段是以下组件之上的简单抽象非常重要：FormControl - InputLabel List item输入FormHelperText Blockquote如果要更改应用于本机输入的属性，可以执行以下操作： ..

在 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.中给出的最后一个例子
回复于 2024-05-14T14:54:31+08:00

相关问题