setting color of <select> in firefox not working

I'm actually having trouble perfectly reproducing this issue. However, I have a jsfiddle, and开发者_如何学编程 I can't get the select text to match the color of the selected option text.

http://jsfiddle.net/kralco626/9xJvF/8/

(similar to: seting <select> color, FireFox 3.6.17 issue and setting <select> color from <option> color)

---

i edited your jsFiddle and adding !important worked in the css...

.approvedOption
    {color:green !important;
    }
    .pendingOption
    {color:blue !important;
    }
    .partialOption
    {color:blue !important;
    }
    .failedOption
    {color:red !important;
    }

i guess that you have some css which has more importance overwriting the color of this part above is a hacky fix but works for all intent and purpose!