小编Bah*_* Ak的帖子

如何使用 makeStyles 更改 MUI DatePicker 日历选定的日期背景颜色

我想更改 MUI datePicker 中所选日期的背景颜色。如下图所示,我需要将蓝色更改为其他颜色。
下面是我的代码

const useStyles = makeStyles(theme => ({
  datePickerStyle: {
    "& .css-bkrceb-MuiButtonBase-root-MuiPickersDay-root.Mui-selected": {
    backgroundColor: "red",
    color: '#000000'
  },
  }
Run Code Online (Sandbox Code Playgroud)
        <DatePicker
          disablePast
          value={checkout.rideDate}
          shouldDisableDate={getDisabledDates}
          onChange={(newValue) => {
            dispatch(setRideDate(newValue?.toISOString().split('T')[0]))
          }}
          renderInput={(params) => <TextField className={classes.datePickerStyle} {...params} 
          />
          }
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

html css reactjs material-ui

1
推荐指数
1
解决办法
5865
查看次数

标签 统计

css ×1

html ×1

material-ui ×1

reactjs ×1