更改下拉列表和下拉列表的表单控件填充不显示任何选项

Question

我正在使用 ASP.NET MVC 构建一个 Web 应用程序。我更改了表单控件类的填充，下拉列表没有显示任何选项。

内边距最初设置为：

.form-control {
    padding: 6px 15px;
}

通过上述设置，我可以在文本框中看到选项

现在我想让我的文本框和下拉列表更大。所以我将填充更改为：

.form-control {
    padding: 20px 15px;
}

现在我在下拉列表中看不到任何选项。当我将上下内边距从 6px 增加到 20px 时，我可以看到该选项正在从视图中消失。我该如何解决这个问题？

Answer 1

默认情况下，引导表单控件的固定高度为 34 像素。尝试将高度设置为“继承”，这样它将取消 34px 设置。

.form-control {
    padding: 20px 15px;
    height: inherit;
}