Ad
HTML Select Tag With Black Background - Dropdown Triangle Is Invisible In Firefox 3
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?
Ad
Answer
Must be a Vista problem. I have XP SP 2 and it looks normal.
Ad
source: stackoverflow.com
Related Questions
- → October CMS create a multi select Form field
- → How to update data attribute on Ajax complete
- → laravel blade templating error
- → should I choose reactjs+f7 or f7+vue.js?
- → How to dynamically add class to parent div of focused input field?
- → Setting the maxlength of text in an element that is displayed
- → Undefined Result for Variable with Javascript innerHTML function
- → Expanding search bar not expanding before search
- → Get the calling element with vue.js
- → Blade: how to include a section in one page but not in another
- → How to print/log reactjs rendered dom?
- → how to write react component to construct HTML DOM
- → How to add a timer in HTML5 and Javascript?
Ad