score:2

Accepted answer

you will need to style the <option>s:

<select bg="black" color="white">
  <option style={{ color: 'black' }} value="option1">
    option1
  </option>
  <option style={{ color: 'black' }} value="option2">
    option2
  </option>
</select>;

note that if you add a placeholder to <select>, it will still be white on white when opened.

another curious thing is that this problem does not happen in safari, there the dropdown looks just like a standard os menu.


Related Query

More Query from same tag