[material-ui][DatePicker] 为 DatePicker/TimePicker/DateTimePicker 更改 @material-ui/pickers Ok/Cancel 对话框按钮文本颜色答案

【问题标题】：[material-ui][DatePicker] Change @material-ui/pickers Ok/Cancel dialog buttons text color for DatePicker/TimePicker/DateTimePicker[material-ui][DatePicker] 为 DatePicker/TimePicker/DateTimePicker 更改 @material-ui/pickers Ok/Cancel 对话框按钮文本颜色
【发布时间】：2021-08-27 02:45:51
【问题描述】：

有什么方法可以从@material-ui/pickers DatePicker/TimePicker/DateTimePicker 更改确定/取消对话框按钮的文本颜色？我已经设法使用覆盖更改其他元素，但找不到底部按钮的主题选择器。

这里是一个代码沙箱：https://codesandbox.io/s/material-ui-pickers-411qz?file=/demo.js

我尝试使用：

createMuiTheme 中的 MuiDialogActions，但无法选择按钮，只有面板设置样式
DatePicker 按钮的 withStyles
一个单独的 ThemeProvider，用于 TimePicker 的不同平面按钮样式

没有工作。除了更改所有元素的原色之外，我想要按钮的解决方案。

【问题讨论】：

标签： reactjs datepicker material-ui

【解决方案1】：

您可以通过cancelLabel 和okLabel 属性来更改按钮的文本。

如需更多信息，https://material-ui-pickers.dev/api/DatePicker 向下滚动至Modal Wrapper 部分。

【讨论】：

谢谢！我错过了可以为按钮添加反应节点的部分。我还更新了 DatePicker 的代码沙箱，我需要做的就是为 okLabel 和 cancelLabel 提供自定义 spans。 okLabel={<span style={{ color: "#304257" }}>Ok</span>}cancelLabel={<span style={{ color: "#304257" }}>Cancel</span>}