在我的应用程序中,必填字段的边框显示为红色。我为必填字段编写了以下 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。我为那些需要的下拉列表添加了 select-two 类:
@Html.DropDownListFor(model => model.DocumentId, new SelectList(Model.Documents, "LRMISDocumentId", "DocumentName"), Resources.Select, new { id = "documents", Class = "select-two form-control" })
然后我在使用 select-two 类的地方实现 select2。现在的问题是,当我使用 select2 下拉菜单时,红色边框消失了。有什么问题?
最佳答案
这会起作用:
<style type="text/css">
.select2-container--default{
border-radius: 5px;
border: 1px solid red;
}
</style>
https://jsfiddle.net/kblau237/g44g902o/是没有 Microsoft MVC API 的 jsfiddle
关于jquery - Select2 下拉删除所需的边框颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40014361/