В раскрывающемся списке MVC не отображаются значения после выбора с использованием класса Form-Control

Question

У меня есть viewmodel, возвращающая список выбора, который передается в раскрывающийся список для. если я не добавляю @ class = "form-control", элемент управления работает как положено, но как только я применяю класс css, значения не отображаются после выбора или когда он находится в неактивном состоянии. они видны при раскрытии раскрывающегося списка и, кажется, удерживаются как выбранное значение, но не отображаются в элементе управления?

вот моя модель представления и ее реализация

public class DropdownViewModel
{
    public int DropdownSelectedID { get; set; }

    public IEnumerable<SelectListItem> Items
    {
        get; set;
    }
}


       var viewmodel = new DropdownViewModel();
        viewmodel.Items = new List<SelectListItem> {
                            new SelectListItem { Value = "1", Text = "First Department"},
                            new SelectListItem { Value = "2", Text = "Second Department"} };
        return View(viewmodel);

а вот мой выпадающий список и как он выглядит?

@Html.DropDownListFor(m => m.DropdownSelectedID, Model.Items,"Please Select",new { @class="form-control"} )

если я удалю класс, это будет выглядеть так

Пожалуйста, помогите - это сводит меня с ума!

Answer 1

Arrrgh

Я переопределил стиль и пропустил запятую между настройками заполнения

следующим образом: 20px 15px;

изменился на это, и проблема решена заполнением:20px, 15px;