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,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>
);}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）