Select2 Drop down удаляет необходимый цвет границы?

В моем приложении граница обязательных полей отображается красным цветом. Я написал следующий 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 в приложении. Я добавляю класс 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-two class. Теперь проблема заключается в том, что когда я использую select2 dropdown, красная граница исчезает. В чем проблема?

jquery,css,asp.net-mvc,select2,

1
Яндекс.Метрика