710561 - getComputedStyle returns wrong color value for select option tag

Status: RESOLVED INVALID

(Core :: Layout: Form Controls, defect)

Description

[Valent]

User Agent: Mozilla/5.0 (Windows NT 5.1; rv:8.0) Gecko/20100101 Firefox/8.0
Build ID: 20111104165243

Steps to reproduce:

I have select with colored options:
<select>
    <option style="color: #ff0000;">Hello</option>
    <option style="color: #00ff00;">world</option>
</select>

I want to get color of an option:
var el = $('select:first').children(':first')[0];
alert('Computed style: ' + getComputedStyle(el, null)['color'] +
     '\nDirect style: ' + el.style['color']);

Firefox shows different values.


Actual results:

Here is testcase.
http://jsfiddle.net/Kt3KV/1/
It works correctly in other browsers.

Comment 1

[Boris Zbarsky [:bzbarsky]]

The computed color for the currently-selected option is not the same as your inline set color, because there are other styles affecting it.  If you really want your inline style color instead of the _computed_ color, don't ask for the computed color.