Question

While working fine Chrome and IE7-9, firefox brings yet another surprise…

http://jsfiddle.net/D3zXj/

What I’m trying to do is to change the color of Select according to the color of the selected option. For some mysterious reason it doesn’t work in firefox.

Any ideas why?

$('#selectstat_sch').change(function(){
    $(this).css('color',$('option:selected',this).css('color'));
}).trigger('change');

Answer 1

Elaborating on the undefined, we may want to validate first our css property,

This should also work if some other properties are present.

http://jsfiddle.net/D3zXj/2/

    var style=$('option:selected',this).attr('style');
    var matches=style.match(/color:([^;]+)/);
    if (matches) $(this).css('color',matches[1]);
    //else alert('no match');