Change the highlight color to Select2

Question

When using the Select2 selection window, it glows blue when active, and I would like to know what CSS is required to change this color?

Answer 1

Checking the code, I see that you can override these CSS rules with !important .

Code (of my demo):

 .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); } 

Demo: http://jsfiddle.net/IrvinDominin/tmpLw/