MVC下拉列表使用Form-Control类进行选择后未显示值

Question

我有一个视图模型返回选择列表，该列表将传递给下拉列表。如果我不添加@ 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；