在firefox中设置<select>的颜色不起作用</select>

Question

我实际上很难完美地复制这个问题。但是，我有一个jsfiddle，我无法让选择文本与所选选项文本的颜色相匹配。

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

（类似于：seting <select> color, FireFox 3.6.17 issue和setting <select> color from <option> color）

Answer 1

我编辑了你的jsFiddle并添加了！important在css中工作...

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

我猜你有一些css更重要的是覆盖上面这部分的颜色是一个hacky修复，但适用于所有意图和目的！