Firefox does not display background color in option tags
I am trying to use a <select> tag to display a color selector. So each <option> has a background color to match its displayed text: ```<select id="stroke… (read more)
I am trying to use a <select> tag to display a color selector. So each <option> has a background color to match its displayed text:
```<select id="strokeColor" name="strokeColor" style="width: 10em;">
<option value="black" style="background: #000000; text: #FFFFFF"> black </option>
<option value="aqua" style="background: #00FFFF">
aqua </option>
<option value="blue" style="background: #0000FF">
blue </option>
<option value="brown" style="background: #A52A2A">
brown </option>
<option value="gray" style="background: #808080">
gray </option>
<option value="green" style="background: #00FF00">
green </option>
<option value="magenta" style="background: #FF00FF">
magenta </option>
<option value="orange" style="background: #FFA500">
orange </option>
<option value="purple" style="background: #800080">
purple </option>
<option value="red" style="background: #FF0000">
red </option>
<option value="white" style="background: #FFFFFF">
white </option>
<option value="yellow" style="background: #FFFF00">
yellow </option>
<option value="#000000" selected="" style="background: #000000">
#000000 </option> </select>```
On Chrome this displays as expected:
But on Firefox the background colors are ignored:
How can I get Firefox to display the background colors?