ReactJS：如何更改Material Ui Autocomplete的占位符字体大小？

问题描述

我想更改Material Ui Autocomplet的占位符字体大小。有什么办法吗？

git config --global alias.bratisla '!git switch -c separated-stashes; git commit -m "staged changes"; git add -u; git commit -m "unstaged changes"; git switch -' # why this name ? : youtu.be/LpE1bJp8-4w

解决方法

在您的示例中，您可以使用input将在renderInput中呈现的组件的TextField元素定位为makeStyles

const useStyles = makeStyles({
  customTextField: {
    "& input::placeholder": {
      fontSize: "20px"
    }
  }
})

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

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

,

您只需将:: placeholder css添加到输入字段的类/ id中，然后更改字体大小

示例：

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