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 Drop down。我添加 class select-two 对于那些需要这样的下拉列表：

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

然后我实现 select2，其中使用了 select-两个 class。现在的问题是，当我使用 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 的 jsfiddle API

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

Select2 Drop down removes the required border color?

css

asp.net-mvc

jquery

select2