Razor Синтаксис 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;
}