material-ui - 无法设置日期选择器弹出对话框的样式

标签 material-ui

我在自定义日期选择器时遇到问题 popup dialog (例如更改标题的颜色)。我无法通过属性样式来设置它的样式,例如通过 textFieldStyle 来设置 textField 。它没有任何类或 ID。

我该怎么做?

最佳答案

当前唯一可以覆盖它的地方是主题:

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;

关于material-ui - 无法设置日期选择器弹出对话框的样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37400648/

相关文章:

javascript - React material-ui textfield decimal step 1.00 on 1.00 作为默认数字

reactjs - 如何在 React Material UI 中为属性添加 css

reactjs - MUI v5 使用 styled() 将 props 传递给 CSS 主题

javascript - Material-ui Drawer 不适用于单独的 css 文件

reactjs - 仅在一个元素中更改 Material UI 中子元素的样式

reactjs - 清理重复的 Material UI 标签

reactjs - 分解 react Material 中的颜色代码

reactjs - 验证 Material UI 文本字段提交

javascript - Reactjs 函数用于根据两个输入更改状态元素

javascript - 使用material-ui自动完成获取选中值的 "ID"