Open Bug 558612 Opened 11 years ago Updated 4 years ago

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

Categories

(Core :: Layout: Form Controls, defect)

All
Windows XP
defect
Not set
normal

Tracking

()

UNCONFIRMED

People

(Reporter: ritchey.mulhollem, Unassigned)

References

()

Details

(Whiteboard: DUPEME)

Attachments

(2 files)

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.
Component: General → Style System (CSS)
Product: Firefox → Core
QA Contact: general → style-system
Component: Style System (CSS) → Layout: Form Controls
QA Contact: style-system → layout.form-controls
I'm inclined to think we should stop supporting background-image.
Summary: Cannot set SOME CSS properties on option:checked → OPTION allows 'background-image' style but does not allow 'background-color'
Summary: OPTION allows 'background-image' style but does not allow 'background-color' → OPTION allows 'background-image' style but does not allow 'background-color' or 'color'
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.
Whiteboard: DUPEME
Selected Option Color Contrast ratio
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/
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.
You need to log in before you can comment on or make changes to this bug.