Question

我需要应用一些边距并更改 material-ui-pickers 的样式。文档中没有样式部分。

这是 datePicker https://material-ui-pickers.dev/getting-started/usage

的链接

通过检查元素，我找到了类，我需要为该类应用样式我尝试了以下代码，但未应用样式，因为规则名称 root 在这里无效

const StyledPicker = withStyles({
   root: {
    '& .MuiPickersCalendarHeader-iconButton': {
      backgroundColor: '#f2f2f2',
      borderRadius: 0,
      width: 32,
      height: 32,
      margin: '10 30',
    },
  },
})(DatePicker);

Answer 1

您可以在组件内的 makeStyles 和 useStyles 中尝试此操作，并将其用作 className：

'& .$MuiPickersCalendarHeader-iconButton': {

我与他人分享房间link about material-ui styles.

如何更改 Material-UI 日期选择器的样式

1 个答案: