Изменить выберите 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/

Override CSS-код из ВЫБ.2

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

}