selectInput高度小于默认高度

Question

我正在尝试调整selectInput小部件的高度。

我经常在谷歌搜索时遇到的命令是调整.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;
}