reactjs - 如何使用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>

希望这有帮助!