высота selectInput меньше, чем по умолчанию

Question

Я пытаюсь настроить высоту виджета selectInput.

Команда, с которой я обычно сталкивался при поиске в Google, должна была настроить .selectize:

.selectize-input { line-height: 40px; }

, хотя это работает нормально, если я хочу, чтобы виджет был больше, чем по умолчанию, сделать его стройнее не получилось, т. Е.

.selectize-input { line-height: 5px; }

оставит меня с высотой по умолчанию:

.

Наконец, я должен отметить, что он работает для выпадающего списка (. Selectize-dropdown) , но для самого блока нет.

Есть идеи, пожалуйста?Спасибо

Answer 1

Вы также должны изменить минимальную высоту.

С этими двумя аргументами он должен работать:

.selectize-input {
  line-height: 10px;
  min-height: 10px;
}

, и вы также можете настроить отступы:

.selectize-input {
  line-height: 10px;
  min-height: 10px;
  padding: 1px 5px;
}