Это будет работать:
<style type="text/css">
.select2-container--default{
border-radius: 5px;
border: 1px solid red;
}
</style>
https://jsfiddle.net/kblau237/g44g902o/ - это jsfiddle без API Microsoft MVC
В моем приложении граница обязательных полей отображается красным цветом. Я написал следующий 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,