如何限制MUI Autocomplete输入框的高度

Question

我在限制 MUI 自动完成组件的高度时遇到问题。当我 select 列表中的值时，它会自动在我不想要的输入底部添加空 space 或行。

下面是我的例子。

https://codesandbox.io/s/mui-5-forked-n8nc6i?file=/src/App.js

screenshot

Answer 1

如果您想绕过 MUI 的默认 css 样式，则可以在 css 中使用以下内容：

.MuiAutocomplete-inputRoot {
  flex-wrap: nowrap !important;
}

example