出现错误时为 DropdownListFor 设置样式答案

【问题标题】：Styling DropdownListFor when Error appears出现错误时为 DropdownListFor 设置样式
【发布时间】：2016-09-15 14:29:14
【问题描述】：

在我的应用程序中，用户必须从下拉列表中选择产品类别。所以我想要做的是，如果他没有选择一个类别并尝试发送他的订单，DropDownList 应该突出显示，以便他看到，他必须选择一个类别。我现在的问题是，我尝试为这个 DropDownList 设置样式的尝试都没有奏效。所以我希望你能帮助我或者告诉我问题出在哪里：

CSS 文件：

.field-validation-error {color: #ffb3b3;}
    .field-validation-valid {display: none;}
    .input-validation-error {border: 1px solid #f00; background-color: #ffb3b3;}
    .select.input-validation-valid { display: none;}
    .select.input-validation-error { color: #ffb3b3; }
    .validation-summary-error {font-weight: bold; color: #ffb3b3;}
    .validation-summary-valid {display: none}

视图中的DropdownListFor：

@if (Request.Form["SendOrder"] != null && String.IsNullOrEmpty(ProductCategory))
{
    @Html.DropDownListFor(m => m.PC,
        new SelectList(Model.ProductCategory.OrderBy(m => m.PCNumber),
        "", "CategoryName",
        new {@class = "field-validation-error, input-validation-error,
        select.input-validation-error" }), "Select a Category")
}
else
{
    @Html.DropDownListFor(m => m.PC,
    new SelectList(Model.ProductCategory.OrderBy(m => m.PCNumber),
    "", "CategoryName"), "Select a category")
}

【问题讨论】：

使用引导类的帮助，将您的下拉列表放在一个 div 中，并根据您的条件将引导类应用于该 div。

标签： css asp.net asp.net-mvc

【解决方案1】：

对此感兴趣的朋友，问题解决了，可以找到解决方案here

【讨论】：