Take a look at this page comparison between chrome and IE.
On the right side, you'll notice drop down fields.
While Chrome displays them correctly, IE shows rectangular boxes instead.
To fix this issue, I added opacity to the select fields with the following code:
select
{
opacity:0;
filter:alpha(opacity=0); /* For IE8 and earlier */
}
However, this ended up hiding everything including the "Please select" text in IE while Chrome showed it as expected.
I then attempted the following code, but unfortunately, it did not work:
select option.selectedx
{
opacity:1;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
The class name for my selected drop-down field is selectedx.
Thank you