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?

The RAM usage increases, from 1GB to 40GB+ within a matter of minutes of starting Firefox. I have not added any extensions in months. I turned of several with no improvement. I have 6 tabs opened. Firefox has crashed several times the past couple fo months. I have been away on travel for 2 weeks, and today the problem is much worse.

Firefox (37916) 51GB, Extensions (34308) 370MB, GPU (33072) 298MB , and everything else < 100 MB.

I really love Firefox - use across my 4 devices. Only on my desktop am I seeing this. Laptop, iPad, and Android all work fine. Running Win 11

I have a problem on YouTube where videos are too bright, but when i click for example to save that video to watch later it has normally saturated colors. And I'm using windows. On photo example1 video is too bright, but on example2 it is normal. thanks for help

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?