Question

我遇到了bootstrap selectpicker和bootstraps＆＃34; has-error＆＃34;类。如果选择标签有＆＃34;有错误＆＃34;没有selectpicker的类，然后在它周围显示一个红色边框。当我添加selectpicker然后它不是。我能做什么，以便＆＃34;有错误＆＃34;将使用bootstrap selectpicker在选择标记周围显示红色边框？

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

您可以添加此样式：

for (i in 2003:2015){
eval(parse(text = paste0('rx.', i))) <- subset(eval(parse(text = paste0('rx.', i))), select=c(ID, Drug, Year))
}

查看演示here。

Answer 2

您可以将颜色添加到selectpicker ...

创建的元素中

button.btn.dropdown-toggle.selectpicker.btn-default {
    border-color: rgb(169, 68, 66);
}

Answer 3

为避免CSS覆盖，您可以将bootstrap-select更新为提供所需样式的最新版本。

Bootstrap selectpicker不能用于bootstrap＆＃34; has-error＆＃34;类

3 个答案: