设置opiton字体颜色出现问题

CSS code

    <style type="text/css">
    .red{
         color:red
    }
    .green{
        color:green
    }
    </style>

HTML code

    <select>
    <option  class="red">red</option>
    <option class="green">green</option>
    </select>

上面的代码设置option字体的颜色在firefox上有效果，但是在chrome和safari下都没有正常显示，
用开发者工具看，样式是有取到，但为什么不显示颜色呢？是浏览器兼容性问题么？求高手帮忙，感激不尽！


------解决方案--------------------
<select>
<option style="color:red;">red</option>
<option style="color:green;">green</option>
</select>


这类的控件要用进行时的样式控制。不能定义css类
------解决方案--------------------
是默认显示的问题吧？不清楚额。。等高手吧。下拉项颜色都有的，好像就是默认显示的问题啊。看调个js呗
------解决方案--------------------
我用chrome试了一下也有效果