Bootstrap selectpicker 不适用于 bootstrap "has-error" 类

Question

我在引导程序选择器和引导程序“有错误”类方面遇到问题。如果一个选择标签有“has-error”类而没有选择选择器，那么它周围会很好地显示一个红色边框。当我添加选择器时，它不是。我该怎么做才能使“has-error”在带有 bootstrap selectpicker 的 select 标签周围显示红色边框？

jsfiddle：http : //jsfiddle.net/mfrup5bL/149/

代码：

<div class="form-group has-error">
    <select class="form-control">
        <option>Option 1</option>
        <option>Option 2</option>
        <option>Option 3</option>
    </select>
</div>

// include next line to see that red border dissapears
// $('select').selectpicker();

Answer 1

您可以添加此样式：

.has-error .form-control > .selectpicker {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

在此处查看演示。