如何使用material-ui v1.0.0-beta.40更改输入焦点上的错误颜色和下划线颜色

Question

我正在使用Material-UI，v1.0.0-beta.40并且想要更改边框颜色和错误文本颜色。

如何才能做到这一点？

Answer 1

一种方法是在MuiTheme内部

import { createMuiTheme } from 'material-ui/styles';
const myTheme = createMuiTheme({
    overrides:{
        MuiInput: {
            underline: {
                    '&:after': {
                      backgroundColor: 'any_color_hex',
                    }
              },
        },
    }
});
export default myTheme;

然后将其导入您的组件并使用：

import {MuiThemeProvider} from 'material-ui/styles';
import myTheme from './components/myTheme'

<MuiThemeProvider theme = {myTheme}>
<TextField />
</MuiThemeProvider>

希望这可以帮助！