打开时更改选择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;   
}

看小提琴

Answer 2

请参阅此示例：http://jsfiddle.net/kevalbhatt18/7c0Lm033/2/

覆盖select2的css

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

}