Question

我在使用令牌字段和引导程序时出现问题＆＃34;有错误＆＃34;类。如果输入有＆＃34; has-error＆＃34;没有令牌字段的类，然后在它周围显示一个红色边框。当我添加令牌字段然后它不是。我能做什么，以便＆＃34;有错误＆＃34;将使用tokenfield？

在输入标签周围显示红色边框

jsfiddle：https://jsfiddle.net/o1167a3t/2/

代码：

<div class="form-group has-error">
    <input id="x" class="form-control" type="text" />
</div>
// include next line to see that red border dissapears
//new Tokenfield({el: document.querySelector('#x')});

Answer 1

红色边框的Bootstrap规则选择器是：.has-error .form-control。 Tokenfield覆盖.has-error内的元素，.form-control丢失。

您可以通过将原始Bootstrap CSS规则复制到新的CSS文件<style>等来适应这一点，但要考虑新的类和结构：

.has-error .tokenfield {
    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);
}

JSFiddle：https://jsfiddle.net/yuriy636/9o5q2rxu/

Tokenfield不能与bootstrap“has-error”类一起使用

1 个答案: