Firefox Support Forum

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:

https://assets-prod.sumo.prod.webservices.mozgcp.net/media/uploads/images/2024-04-18-22-02-25-eebbd5.png

But on Firefox the background colors are ignored:

https://assets-prod.sumo.prod.webservices.mozgcp.net/media/uploads/images/2024-04-18-22-02-35-bd90ee.png

How can I get Firefox to display the background colors?

Every time I open a new tab, another extra tab opens automatically with the following address: https://0.0.0.1/

showing this message: An error occurred during a connection to 0.0.0.1.

I already re-installed Firefox but this bug keems popping up.

BTW: I did not do a d*** thing. It just started yesterday and is extremely annoying!

For years, I have used print to pdf in Firefox to generate pdf files of long web pages. It always worked. But lately, I noticed that huge numbers of blank pages are inserted in the pdf file, seemingly at random. I looked at the HTML source, and could not see anything that obviously triggers the blank pages. For example, a web page that ought to print to about 35 pages generates a file of more than 600 pages, with most of them blank.

I can use Microsoft Edge as an alternative, but pdf files from that browser strip out all the color, and are nevertheless super huge, about ten times larger than the ones from Firefox. E.g. the file mentioned above, about 35 pages, would be about 1.3 MB from firefox, and 12 MB from Edge. So getting the file from Firefox would be nice.

Is there a reason why print to pdf is behaving in this strange way, and anything I can do about it?