Question

只需要使用withStyles一些如何编辑主/错误颜色的默认颜色，只需使用黑色即可。但是自从0.19.0更新到beta 1以后，这似乎不可能。

Answer 1

错误消息（文本输入下）正在使用theme.palette.error（see source）下的对象来选择要使用的颜色。

同样的调色板颜色也使用for the text field label。

如果您想同时更改两者，正确的方法是使用自定义主题，将theme.palette.error重写为其他内容。

import { createMuiTheme, createPalette } from 'material-ui/styles';
import grey from 'material-ui/colors/grey';

const theme = createMuiTheme({
  palette: createPalette({
    error: grey
  })
});

如果您只想更改FormHelperText颜色，则可以在主题by using the overrides parameter中对其进行自定义。

const theme = createMuiTheme({
  overrides: {
    MuiFormHelperText: {
      error: {
        color: 'black'
      }
    }
  }
});

Answer 2

更改当前版本（v1.2.1）中TextField的标签你必须设置这样的颜色：

const theme = createMuiTheme({
  palette: {
    text: {
      secundary: 'black'
     }
   }
  }
});

错误路径为palette.error.main

找到正确变量的最简单方法是直接查看code

如何使浮动标签文本为material-ui V1设置为黑色

2 个答案: