使用 Form-Control 类选择后 MVC 下拉列表不显示值答案

【问题标题】：MVC Dropdown List Not showing Values after select using Form-Control class使用 Form-Control 类选择后 MVC 下拉列表不显示值
【发布时间】：2019-02-18 11:21:41
【问题描述】：

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

如果我删除这个类，它看起来像这样

请帮忙 - 它快把我逼疯了！

【问题讨论】：

标签： asp.net-mvc-5 dropdown

【解决方案1】：

哎呀

我已经覆盖了样式并错过了填充设置之间的逗号

像这样内边距：20px 15px;

改成这个，问题就解决了内边距：20px、15px；

【讨论】：