How to change default highlighted color of dropdown in handsontable to another color

Question

I have a Handsontable as follows:

http://jsfiddle.net/nt001ymn/22/

I have drop downs in my table as well. When I look through the drop-down its highlighted using light Gray colour by default. Please check the image below:

How can I change the highlighted colour to another colour . Say I want to change the highlighted colour to yellow.

Answer 1

The default grey background is from the imported handsontable CSS file. To override it, please add the following CSS style in your own CSS file:

.handsontable.listbox tr td.current, .handsontable.listbox tr:hover td {
    background: yellow !important;
}

Hope this help you! ;)