Как уменьшить высоту автозаполнения компонента Material UI?

Question

Может ли кто-нибудь помочь мне уменьшить высоту компонента Автозаполнение пользовательского интерфейса материала? Я пытаюсь использовать установить свойство высоты 10 или 20 пикселей, хотя свойство классов. Но это ничего не делает. Также пытался уменьшить высоту текстового поля, обернутого компонентом автозаполнения, но когда я попытался уменьшить высоту компонента текстового поля с помощью InputProps, элементы, которые должны были быть предложены в области автозаполнения, не отображаются.

Answer 1

Попробуйте установить высоту ввода с помощью css

.MuiInputBase-input {
  height: 1.5rem;
}

Если у вас есть теги внутри - вам также нужно будет установить их высоту, в противном случае они увеличат высоту контейнера