更改select 2 version 4 打开时的边框颜色

Question

我尝试更改 select 2 版本 4 打开时的边框颜色：

.select2-dropdown--above {
    border: 1px solid blue !important;;
    border-bottom: none !important;  

}

.select2-dropdown--below{
    border: 1px solid blue !important;;
    border-top: none !important;     

}

代码位于：http://jsfiddle.net/7c0Lm033/

这是我得到的：

如您所见，我无法更改 select 2 头颜色的颜色。我找不到任何独特的 select 或可以更改标记颜色边框的。

Answer 1

您可以将此添加到您的 css:

span.select2-selection--multiple[aria-expanded=true] {
    border-color: blue !important;   
}

See fiddle

Answer 2

看这个例子：http://jsfiddle.net/kevalbhatt18/7c0Lm033/2/

覆盖 select2 的 css

.select2-container--default.select2-container--focus .select2-selection--multiple{ border: 1px solid blue !important;; }

Answer 3

我想你可以简单地使用下面的代码，用下面这行代码让你的箭头指向蓝色的区域

$('.select2-selection').css('border-color','blue');

希望它有用

更改select 2 version 4 打开时的边框颜色

Change select 2 version 4 border color when it is opened

css

jquery

jquery-select2-4

select2