Remove blue background in select dropdown IE9

Question

I am using IE9 and can't remove the blue background when a select dropdown is focused. When an item is selected from any of the drop downs the element is overlaid with a blue box. It doesn’t occur on Chrome or Firefox.

This code removes it for IE10 and Edge

select::-ms-value {
    background: none; /* remove blue background on ie10/ie11 when selected*/
    color:#5a5a5a;

}

Answer 1

I had the same problem and I resolved it using this:

select:focus::-ms-value {
      background-color: white; 
      color:#000;
}

I hope this helps.