Выпадающий список mvc, не показывающий значения после выбора с использованием класса form-control

У меня есть модель просмотра, возвращающая список выбора, который передается в раскрывающийся список. если я не добавляю @ 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"} )

this is what is looks like when selected

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

enter image description here

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

1
0
66
1

Ответы 1

Arrrgh

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

нравится отступ: 20 пикселей 15 пикселей;

изменилось на это и проблема решена отступ: 20 пикселей, 15 пикселей;

Другие вопросы по теме