Javascript MaterialUI KeyboardDateTimePicker：更改背景颜色而不更改组件内部的间距

我试图更改

KeyboardDateTimePicker

组件的背景色，但是我注意到，当我添加

style={{background:“rgb（232，241，250）”}

background属性以覆盖背景色时，我在这个元素上添加了

inputVariant=“filled”

，背景色似乎混合在一起，变得比预期的更暗。为了解决这个问题，我必须删除

inputVariant=“filled”

，这样我得到了正确的颜色，但是文本和组件元素之间的填充变得不正确（所有内容都已移到左上角）。如何使用正确的RGB值设置背景色，而不会弄乱组件内部元素的填充

export function InquiryDateTimePicker(props: InquiryDateTimePickerProps) {
  return (
    <MuiPickersUtilsProvider utils={DateFnsUtils}>
        <KeyboardDateTimePicker
            // inputVariant="filled"
            style={{background: "rgb(232, 241, 250)"}}
            size="small"
            readOnly={true}
            fullWidth={true}
            format="yyyy.MM.dd HH:mm"
            id="time-picker"
            label="Дата поступления"
            value={props.selectedDate}
            onChange={() => {}}
            KeyboardButtonProps={{
                'aria-label': 'change time',
            }}
        />
    </MuiPickersUtilsProvider>
);}

导出函数InquiryDateTimePicker（props:InquiryDateTimePickerProps）{
返回(
{}}
键盘按钮按钮={{
“aria标签”：“更改时间”，
}}
/>
);}

---

您可以覆盖FilledInput的样式：

const theme = createMuiTheme({
  overrides: {
    MuiFilledInput: {
      root: {
        backgroundColor: 'unset'
      }
    }
  }
})

并将组件放入主题提供程序：

<ThemeProvider theme={theme}>
  <InquiryDateTimePicker />
</ThemeProvider>