558612 - OPTION allows 'background-image' style but does not allow 'background-color' or 'color'

Status: UNCONFIRMED

(Core :: Layout: Form Controls, defect)

Description

[Hawk]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.2.3) Gecko/20100401 Firefox/3.6.3 (.NET CLR 3.5.30729)
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.2.3) Gecko/20100401 Firefox/3.6.3 (.NET CLR 3.5.30729)

This does not work:
option:checked {color:#0f0;background-color:#cc0}

This DOES work:
option:checked {background:url(yellow.jpg)}


Reproducible: Always

Steps to Reproduce:
1.N/A
2.
3.
Actual Results:  
N/A

Expected Results:  
Color and Background Color of text should change due to CSS rules.

Comment 1

[David Baron :dbaron:]

Attachment: testcase

Comment 2

[David Baron :dbaron:]

I'm inclined to think we should stop supporting background-image.

Comment 3

[Alfred Kayser]

Why?
Everything else can be styled, why not the items of an OPTION?
One can set the background (color and image) of the whole select, so one should also be able to style the selected item itself.

Comment 4

[Vimalan Sakthivel]

Attachment: HTMLSelectedOptionColorContrastIssue.png

Selected Option Color Contrast ratio

Comment 5

[[e-mail]]

a jsfiddle to explain the problem : firefox refuses to apply background-color to option tag on a select menu.

problem encountered since Firefox 48 and +, on Windows 7, 8.1 and 10 (all x64)

Problem not encontered on Firefox 48 and +, on Windows XP 32 bits


https://jsfiddle.net/d3fdv0kp/

Comment 6

[ben.schwarz]

This bug seems to be fixed in Firefox 54, but unfortunately not in the latest ESR version ESR 52.2.0
As ESR 52 will be the current ESR version till March 2018, is it possible to port back this bugfix to ESR 52? Otherwise we would have to live with this anoying bug till next year.

It seems this bug just appears on Windows 8 / Server 2012.
On ESR 52.2.0 on Windows Server 2008 (Win 7) the background-color for option form fields (drop down boxes) works as intended.