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

Question

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

最初将填充设置为：

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

使用上述设置，我可以在文本框中看到该选项

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

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

现在我在下拉列表中看不到任何选项。当我将底部填充从6px增加到20px时，可以看到该选项正在从视图中滑出。我该如何解决这个问题？

Answer 1

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

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