更改Select2发光的颜色

时间:2014-01-27 14:26:47

标签: jquery customization jquery-select2

当使用Select2选择框时,它在激活时会发出蓝光,我想知道改变那种颜色需要什么CSS?

1 个答案:

答案 0 :(得分:15)

通过检查代码,我发现您可以使用!important这些CSS规则覆盖。

代码(我的演示):

.select2-drop-active {
    border: 1px solid rgba(210, 100, 10, 1.8);
    border-top: none;
}

.select2-drop.select2-drop-above.select2-drop-active {
    border-top: 1px solid rgba(210, 100, 10, 1.8);
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border: 1px solid rgba(210, 100, 10, 1.8);
    outline: none;

    -webkit-box-shadow: 0 0 10px rgba(210, 100, 10, 1.8);
            box-shadow: 0 0 10px rgba(210, 100, 10, 1.8);
}

演示:http://jsfiddle.net/IrvinDominin/tmpLw/