Mvc DropdownList不工作

Question

问题说明：

选择后的下拉列表未显示列表中的选定文本。

这里我使用MVC Razor语法生成下拉列表框。

  <div class="form-group">
            @Html.LabelFor(m => m.Genre)
            @Html.DropDownListFor(m => m.Genre, 
                                  new SelectList(Model.Genres, "Id", "Name"),
                                  "---Select---", new { @class = "form-control" })
            @Html.ValidationMessageFor(m => m.Genre)
    </div>

列表正确填充，但选择该选项后，它不显示在下拉列表框中。

注意：当我提交表单时，会将正确的选定值发送给操作。

检查步骤：

1. 检查生成的HTML看起来没问题..



1. 它使用bootstrap表单控件类，颜色集为Black。此外，还会显示其余的字段值，这些字段值在相同的格式中。

2. 浏览器计算选项卡

先谢谢..

更新解决方案：

我已经为我的表单控件类定义了一些覆盖文本间距，这导致了问题。 我认为颜色是问题，但实际问题是我的文字填充。

.form-control {
    font-size: 17px;
    /*padding: 20px 15px;*/  /*this statement caused issue*/
    border-radius: 9px; 
    height:42px; /* I replaced with padding to height which solved issue.*/
}

Answer 1

我已经为我的表单控件类定义了一些覆盖文本间距，这导致了问题。我认为颜色是问题，但实际问题是我的文字填充。

.form-control {
    font-size: 17px;
    /*padding: 20px 15px;*/  /*this statement caused issue*/
    border-radius: 9px; 
    height:42px; /* I replaced with padding to height which solved issue.*/
}

Answer 2

对不起，我来晚了。 但是，如果您将配置更改为平板电脑上“工具”上的PC版本，则下拉列表也只能使用