Question

我在自定义datepicker popup dialog时遇到问题（例如更改标题的颜色）。我不能通过textFieldStyle的textField属性样式来设置样式。它没有任何类或ID。

我该怎么办？

Answer 1

目前唯一可以覆盖的地方是主题：

import React from 'react';
import {cyan500} from 'material-ui/styles/colors';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import getMuiTheme from 'material-ui/styles/getMuiTheme';
import MyAppRoot from './MyAppRoot';

const muiTheme = getMuiTheme({
  datePicker: {
    selectColor: cyan500,
  },
});

class Main extends React.Component {
  render() {
    return (
      <MuiThemeProvider muiTheme={muiTheme}>
        <MyAppRoot />
      </MuiThemeProvider>
    );
  }
}

export default Main;

Answer 2

如果您使用的是最新版本的Material-UI，则情况会有所变化。 MuiThemeProvider和getMuiTheme分别替换为createMuiTheme和ThemeProvider。

您可以这样使用： import { createMuiTheme, ThemeProvider } from '@material-ui/core/styles';

现在，Material-UI正在使用摇树机制来避免不必要的捆绑，因此可以进行破坏了。

要更改标题，请使用以下内容：

const muiTheme = createMuiTheme({
    overrides: {
        MuiPickersToolbar: {
            toolbar: { backgroundColor: 'var(--themeP)' }
        },

...

无法设置datepiker弹出对话框的样式

2 个答案: