Css 如何使用ReactJS设置物料界面的组合框自动完成高度

如果试图设置组件（输入）的高度，但没有成功，您知道如何使用该技巧吗

以下是代码沙盒：

---

假设您谈论的是包含选项列表的元素的高度-您可以使用

自动完成

的

ListboxProps

属性来设置Listbox的属性

从中可以设置容器的样式：

<Autocomplete
  id="combo-box-demo"
  options={top100Films}
  getOptionLabel={(option) => option.title}
  style={{ width: 300 }}
  renderInput={(params) => <TextField {...params} label="Combo box" variant="outlined" />}
  ListboxProps={
    {
      style:{
          maxHeight: '150px',
          border: '1px solid red'
      }
    }
  }
/>

option.title}
样式={{宽度：300}
renderInput={（参数）=>}
ListboxProps={
{
风格：{
最大高度：“150px”，
边框：“1px纯红”
}
}
}
/>

请注意

maxHeight

（而不是

height

），因为如果只有1个选项可显示，则不希望将高度设置为更大

---

输入的高度？是的，将更新帖子，谢谢！你好谢谢你的回答，但我要的是实际输入的大小，不是下拉列表，你知道如何调整吗？输入是你的

文本字段

，你能解释一下在那个元素上设置样式有什么问题吗？是的-是将它添加到元素的宽度：300旁边，但它不起作用..你在找这样的东西吗：？是的！事实上，反过来说，我想使高度小于原始尺寸