更改Select2 Glow的颜色



当使用select2选择框时,它在活动时会发光蓝色,我想知道更改颜色需要什么CSS?

通过检查代码,我发现您可以使用!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/

最新更新