Javascript 如何更改“材质ui自动完成”中选项的大小？

嗨，我在我的项目中使用材料表，我想知道如何更改材料界面自动完成选项的字体大小。多谢各位

从“React”导入React；
从“@material ui/core/TextField”导入TextField；
从“@material ui/lab/Autocomplete”导入自动完成；
导出默认函数组合框（）{
返回(
选项.title}
样式={{宽度：300}
renderInput={（参数）=>}
/>
);
}
//IMDb用户评选的前100部电影。http://www.imdb.com/chart/top
常数TOP100胶片=[
{标题：《肖申克的救赎》，年份：1994}，
{标题：'教父'，年份：1972}，
];

您需要使用渲染以及所需的组件

 <Autocomplete
        id="combo-box-demo"
        options={top100Films}
        renderOption={(option) => (
          <Typography style={{ fontSize: "1.5rem" }}>{option.title}</Typography>
        )}
        getOptionLabel={(option) => option.title}
        style={{ width: 300 }}
        renderInput={(params) => (
          <TextField
            {...params}
            label="Combo box"
            variant="outlined"
            inputProps={{ ...params.inputProps, style: { fontSize: "1rem" } }}
          />
        )}
      />

我的错，我以为你想要输入文本。请检查我的渲染道具。我已经编辑了我的答案
 <Autocomplete
        id="combo-box-demo"
        options={top100Films}
        renderOption={(option) => (
          <Typography style={{ fontSize: "1.5rem" }}>{option.title}</Typography>
        )}
        getOptionLabel={(option) => option.title}
        style={{ width: 300 }}
        renderInput={(params) => (
          <TextField
            {...params}
            label="Combo box"
            variant="outlined"
            inputProps={{ ...params.inputProps, style: { fontSize: "1rem" } }}
          />
        )}
      />