529940 - HTML form select elements not displaying CSS from option tags correctly

Status: RESOLVED DUPLICATE of bug 79107

(Core :: Layout, defect)

Description

[Andy]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US; rv:1.9.1.5) Gecko/20091102 Firefox/3.5.5
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US; rv:1.9.1.5) Gecko/20091102 Firefox/3.5.5

Firefox does not know how to apply CSS style attributes from <option></option> tags that are nested within <select></select> tags.


IE8 actually displays this correctly. (kinda makes me mad IE got one up on us, lol)

I have created an example:
=================================================
<style>
	.my_select {
		color:#00F;	
	}
	option {
		color:#900;	
	}
	option.default {
		color:#666;	
	}
</style>
<select size="1" class="my_select">
<option value="" class="default">[Select a Number]</option>
<option value="one">One</option>
<option value="two">Two</option>
<option value="three">Three</option>
</select>


Reproducible: Always

Steps to Reproduce:
1. Save the above example code as an .html and run it in FF 3.5 and IE8.

Comment 1

[Henri Sivonen (:hsivonen)]

Not parser.

Comment 3

[Boris Zbarsky [:bzbarsky]]

> IE8 actually displays this correctly.

Actually, the correct rendering here is undefined.  <select> is a replaced element for CSS purposes, so what it looks like on the inside is completely unspecified.