Select2下拉删除所需的边框颜色？

Question

在我的应用程序中，所需的字段边框显示为红色。我为所需的字段编写了以下css：

input[data-val-required], select[data-val-required] {
    border: 1px solid #EFA4A4 !important;
}

select[data-val-required], select[data-val-required] {
    border: 1px solid #EFA4A4 !important;
}

对我来说很好。然后，我需要在应用程序中使用Select2。我在下拉列表中添加了类select-2，如下所需：

@Html.DropDownListFor(model => model.DocumentId, new SelectList(Model.Documents, "LRMISDocumentId", "DocumentName"), Resources.Select, new { id = "documents", Class = "select-two form-control" })

然后我实现了select2，其中使用了select-2类。现在的问题是，当我使用select2下拉列表时，红色边框就消失了。有什么问题吗？

Answer 1

这将起作用：

<style type="text/css">
    .select2-container--default{
        border-radius: 5px;
        border: 1px solid red;
    }
</style>

https://jsfiddle.net/kblau237/g44g902o/是没有Microsoft MVC API的摇钱树。