我在我的 React 单页应用程序中添加了一个 Material-UI 日期选择器,但我不知道如何更改标题颜色。 我试图从 muiTheme 调色板属性更改它,但标题是唯一保持不变的颜色:
var muiTheme = getMuiTheme({
palette: {
primary1Color: '#135DAE',
primary2Color: '#135DAE',
primary3Color: '#135DAE',
accent1Color: '#EF243A',
accent2Color: '#135DAE',
accent3Color: '#135DAE',
},
appBar: {
height: 50,
},
})
这是日期选择器的 HTML 代码:
<DatePicker
hintText="Selected day"
value={this.state.controlledDate.toDate()}
onChange={this.handleChange}
autoOk
/>
最佳答案
我认为您必须将日期选择器和标题颜色指定为 muiTheme 的一部分。以下来自getMuiSource.js on Github .
datePicker: {
color: palette.primary1Color,
textColor: palette.alternateTextColor,
calendarTextColor: palette.textColor,
selectColor: palette.primary2Color,
selectTextColor: palette.alternateTextColor,
calendarYearBackgroundColor: palette.canvasColor,
headerColor: palette.pickerHeaderColor || palette.primary1Color,
},
另请参阅此 answer on SO .
关于javascript - 更改 Material-UI 日期选择器的标题颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47488211/