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;

}

http://stackoverflow.com/questions/1895476/how-to-style-a-select-dropdown-with-css-only-without-javascript — yunzen, Nov 30 '15 at 10:05

score 7 · Answer 1 · answered Mar 30 '16 at 07:43

7

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

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

I hope this helps.

answered Mar 30 '16 at 07:43

Facyo Kouch

787
8
26

Working in IE10 but not IE9 – James Westgate Apr 28 '16 at 14:20

Remove blue background in select dropdown IE9

1 Answers1