Javascript ReactJS:如何更改物料Ui自动完成的占位符字体大小?

Javascript ReactJS:如何更改物料Ui自动完成的占位符字体大小?,javascript,reactjs,material-ui,material-table,Javascript,Reactjs,Material Ui,Material Table,我想更改材质Ui自动完成的占位符fontsize。有办法吗 您只需将::占位符css添加到输入字段的class/id中,并更改字体大小 例如: #tags-outlined::placeholder { font-size: 14px; } 您只需将::占位符css添加到输入字段的class/id中,并更改字体大小 例如: #tags-outlined::placeholder { font-size: 14px; } 在您的示例中,可以将在renderInput中渲染的组件的输

我想更改材质Ui自动完成的占位符fontsize。有办法吗


您只需将::占位符css添加到输入字段的class/id中,并更改字体大小

例如:

#tags-outlined::placeholder {
   font-size: 14px;
}

您只需将::占位符css添加到输入字段的class/id中,并更改字体大小

例如:

#tags-outlined::placeholder {
   font-size: 14px;
}

在您的示例中,可以将在renderInput中渲染的组件的输入元素作为目标,该组件是使用makeStyles的TextField

下面的示例使用分叉MUI演示


在您的示例中,可以将在renderInput中渲染的组件的输入元素作为目标,该组件是使用makeStyles的TextField

下面的示例使用分叉MUI演示


我做了,只需添加我发送给您的css的代码行,并让我知道我做了,只需添加我发送给您的css的代码行,并让我知道它也可以工作:输入:{&::占位符:{color:red,},},},也可以工作:输入:{&::占位符:{color:red,},},
const useStyles = makeStyles({
  customTextField: {
    "& input::placeholder": {
      fontSize: "20px"
    }
  }
})

<TextField
  classes={{ root: classes.customTextField }}
  {...params}
  variant="outlined"
  placeholder="Enter Transshipment Ports"
/>