Css 出现错误时DropDownList的样式设置

在我的应用程序中，用户必须从下拉列表中选择产品类别。所以我想做的是，如果他没有选择一个类别，并试图发送他的订单，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。使用引导类的帮助，将下拉列表放置在一个div中，并根据您的条件将引导类应用于该div。