打开时更改选择2版本4边框颜色

Question

我尝试在打开时更改选择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/

这是我得到的：

正如你所看到的，我无法改变选择2头色的颜色。我找不到任何可以改变标记颜色边框的独特选择器。

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');

希望它能达到目的