509505 - Apply background-color to CSS via JavaScript changes rendering on OSX

Status: RESOLVED INCOMPLETE

(Firefox :: General, defect)

Description

[matt snider]

User-Agent:       Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; de; rv:1.9.1.2) Gecko/20090729 Firefox/3.5.2
Build Identifier: Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; de; rv:1.9.1.2) Gecko/20090729 Firefox/3.5.2

The "Education Level" select element in the image linked via the URL shows what happens to a select element in FireFox 3.5 when you apply a background-color using JavaScript. The selects "Age", "Marital Status", and "Profession" show what the "Education Level" select looks like before I apply "element.style.backgroundColor='#FFF';" As you can see from the graphic, after I apply the background-color, the "Education Level" select now looks like a select on the PC version of FireFox.

Reproducible: Always

Steps to Reproduce:
1. Create a select element on a webpage
2. Open webpage in FireFox on OSX
3. Change its background-color using JavaScript
Actual Results:  
The select element now looks a PC select element, instead of an OSX one

Expected Results:  
The select element continues to render like all other select elements on the page/

Comment 1

[Tyler Downer [He/Him]]

Reporter, are you still seeing this issue with Firefox 3.6.12 or later in safe mode? If not, please close. These links can help you in your testing.
http://support.mozilla.com/kb/Safe+Mode
http://support.mozilla.com/kb/Managing+profiles
Also, please consider using the most recent Firefox 4 beta build, your bug may be resolved there.

Comment 2

[Tyler Downer [He/Him]]

No reply, INCOMPLETE. Please retest with Firefox 3.6.13 or later and a new profile (http://support.mozilla.com/kb/Managing+profiles). If you continue to see this issue with the newest firefox and a new profile, then please comment on this bug.