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

普里扬克·辛格(Priyank Deep Singh)

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

在此处输入图片说明

             <Autocomplete
                  multiple
                  id="tags-outlined"
                  options={top100Films}
                  getOptionLabel={(option) => option.title}
                  defaultValue={[top100Films[13]]}
                  filterSelectedOptions
                  size="small"

                  renderInput={(params) => (
                    <TextField
                      {...params}
                     
                      variant="outlined"

                      placeholder="Enter Transshipment Ports"

                      
                    />
                  )}
                />
95faf8e76605e973

在您的示例中,您可以定位正在使用的input渲染组件元素renderInputTextFieldmakeStyles

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

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

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

编辑材料演示(分叉)

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何向fyne UI应用程序添加填充,字体大小和颜色

无法在材质ui中更改文本字段的字体大小

如何在material-ui中自定义活动选项卡的字体大小

如何使用脚本在Unity UI中更改占位符文本?

reactJS材质UI字体图标设置大小

如何更改引导程序和引导程序材料设计的占位符字体大小?

如何使输入占位符的字体大小与输入值的字体大小不同

在Android Studio中更改UI字体大小

如何在Material UI中更改拨动开关的大小

Material-UI v1:如何为material-ui v1中的所有组件设置一种字体大小?

更改占位符的字体大小

如何动态更改UI中的字体大小使其在JavaFX中始终保持相同的宽度?

数据更改时如何刷新ReactJS中的Material-Table(Material-ui)组件

更改startIcon / endIcon Material-UI的大小

ReactJS:如何在Material UI中更改步进标签的字体大小和marginTop?

如何在Material ui自动完成中更改选项的字体大小?

如果禁用,如何更改Material-UI <Autocomplete />的边框底部

如何在reactjs中更改实质性UI徽章内容的字体大小?

如何使用UISLIDER控制iOS应用程序的所有UI控件的字体大小?

Xamrin.Forms输入单元格如何更改占位符的字体大小

如何在聚合物纸张输入中设置占位符的字体大小?

Ionic 2 从 UI 控制字体大小

antd react InputItem,如何改变占位符文本的颜色和字体大小?

如何更改字体大小?

Material-ui 1.3 字体大小不响应屏幕宽度?

Material UI:如何在 React Material Ui Stepper 中更改标签的字体大小?

移动浏览器中 Material-ui 组件的字体大小不一致

如何更改material-ui/lab/Autocomplete的背景颜色

如何更改 Material-UI 的 Chip 的字体大小