剃刀语法DropDownList用于在引导时不显示所选项目

Question

我有一个奇怪的问题。 我有这个代码

@Html.DropDownListFor(m => m.Genre, new SelectList(Model.Genres, "Id", "Name"))

，并且效果很好。 Model.Genre从我的数据库中提取值，显示它们，然后我可以选择一种。

但是，当我尝试引导它并添加它时

@Html.DropDownListFor(m => m.Genre, new SelectList(Model.Genres, "Id", "Name"), "", new { @class = "form-control" })

它仍然为列表拉取值，但是每当我选择一个列表时，它就不再显示为选中状态！绑定仍然有效，因为如果我保存表格，它将正确保存。现在看起来很漂亮，但是显示不起作用。

有什么想法吗？

预先感谢

Answer 1

我在.form-control上像这样填充

.form-control {
font-size: 17px;
padding: 20px 15px;
border-radius: 9px;
}

删除填充物并增加高度可以解决此问题。

.form-control {
font-size: 17px;
border-radius: 9px;
height: 44px;
}