CODEWITHSUNDEEP
htmlcssinternet-explorerinternet-explorer-9dropdown
user2016193
user2016193

Reputation: 127

Remove blue background in select dropdown IE9

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;

}

Upvotes: 3

Views: 5094

Answers (1)

Facyo Kouch
Facyo Kouch

Reputation: 787

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

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

I hope this helps.

Upvotes: 7

Related Questions