Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/wix/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在react material ui日期选择器中设置日期按钮的样式_Javascript_Css_Reactjs_Material Ui - Fatal编程技术网

Javascript 如何在react material ui日期选择器中设置日期按钮的样式

Javascript 如何在react material ui日期选择器中设置日期按钮的样式,javascript,css,reactjs,material-ui,Javascript,Css,Reactjs,Material Ui,我的react项目中有material ui日期选择器,我需要知道如何专门设置日期按钮的样式,更改可用日期的文本颜色。从中可以看到,默认情况下它是黑色的 我尝试了以下方法,但没有成功: const muiTheme = getMuiTheme({ datePicker: { selectColor: '#fd5f00', headerColor: '#f0f0f0', color: '#fd5f00', textColor: '#303030', ca

我的react项目中有material ui日期选择器,我需要知道如何专门设置日期按钮的样式,更改可用日期的文本颜色。从中可以看到,默认情况下它是黑色的

我尝试了以下方法,但没有成功:

const muiTheme = getMuiTheme({
  datePicker: {
    selectColor: '#fd5f00',
    headerColor: '#f0f0f0',
    color: '#fd5f00',
    textColor: '#303030',
    calendarTextColor: '#fd5f00'
  },
  flatButton: {
    color: '#fd5f00',
    primaryColor: '#fd5f00',
    secondaryColor: '#fd5f00',
    disabledColor: '#fd5f00',
  },
});
我真的希望这是可行的。
提前感谢。

您可以通过指定palete.textColor来设置基本文本颜色

const muiTheme = getMuiTheme({
  palette: {
    textColor: '#fd5f00',
  }
});
查看DayButton.js的源代码,看起来他们会自动为您的任何禁用日期应用不透明度,因此palette.textColor有效地设置了可用日期的颜色