我有一个 select2 选择菜单。
剥离版本例如:
<div class="form-group has-error">
<select name="description_id" class="select2">
<!-- <options> -->
</div>
申请
has-error到文本输入将在输入周围显示红色边框。这不适用于
select2菜单。我错过了什么?
我正在使用
bootstrap3和最新的
select2 .
我已经 read this page并尝试了解决方案,但它不起作用。
请您参考如下方法:
您发布的页面上的解决方案适用于 select2 的旧版本.对于最新版本,请在此处使用此 CSS 代码:
.has-error .select2-selection {
border-color: rgb(185, 74, 72) !important;
}
现在使用此代码并使用
has-error类,您可以获得正确的红色错误颜色:
<div class="form-group has-error">
<select name="description_id" class="select2">
<option>One</option>
<option>Two</option>
<option>Three</option>
<option>Four</option>
</select>
</div>
jsFiddle 示例: https://jsfiddle.net/k9phxgnd/1/




