Arko Elsenaar Arko Elsenaar - 2 months ago 8
CSS Question

Option text color is white in IE/Edge

I have styled my select a bit, having the text color white. On all browsers except IE/Edge, it displays the selected option as white, and when I open the option list, all the options are black.

In IE/Edge, the option list is also white, so the options are unreadable. The text is only visible on hover.

Using the following CSS didn't help unfortunately:

select option {
color: #000 !important;
}


Fiddle: https://jsfiddle.net/fvevjfg5/

Answer

Try adding this meta tag in your head, That would fix your problem.

<head>
    <meta http-equiv="x-ua-compatible" content="IE=edge" />
</head>