Menu
I have the following HTML (note the CSS making the background black and text white)
<html>
<select id="opts" style="background-color: black; color: white;">
<option>first</option>
<option>second</option>
</select>
</html>
Safari is smart enough to make the small triangle that appears to the right of the text the same color as the foreground text.
Other browsers basically ignore the CSS, so they're fine too.
Firefox 3 however applies the background color but leaves the triangle black, so you can't see it, like this
I can't find out how to fix this - can anyone help? Is there a -moz-select-triangle-color or something obscure like that?
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With