2014-01-27 2 views
8

При использовании блока выбора Select2 он светится синим цветом, когда активен, и я хотел бы знать, что требуется CSS для изменения этого цвета?Изменить цвет Select2 glow

ответ

15

При проверке кода я вижу, что вы можете переопределить эти правила CSS !important.

кода (моего демо):

.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/

Смежные вопросы