Why is a <select> dropdown element (the arrow ) sometimes white and sometimes gray?

Question

Editorial Team

Asked: June 4, 20262026-06-04T15:02:55+00:00 2026-06-04T15:02:55+00:00

Why is a <select> dropdown element (the arrow) sometimes white and sometimes gray?

I have this sample code:

<html>
  <body>

    <select>
      <option>1</option>
    </select>

  </body>
</html>

When I’m testing the code as a .html page in IE 9, the result looks like this:

And when I’m testing the code with JSFiddle in IE 9, the result looks like this:

Why? And how can i force the select to be “gray”?

You must login to add an answer.

Need An Account,

Editorial Team · Answer 1 · 2026-06-04T15:02:57+00:00

Editorial Team

Like on of your comments said, you have 2 render modes.

Look @ this Question.

Here you can learn how to have the same drop down arrows with the help of css code.

The Archive Base Latest Questions