<style>
option {
color: #4ec83b;
font-size: 20px;
}
</style>
<select>
<option>选项一</option>
<option>选项二</option>
<option>选项三</option>
<option>选项四</option>
<option>选项五</option>
</select>
效果如图:
这种写法 IE10 以下完全不支持,其他浏览器支持的变化也十分有限。如果真的要改写 select 的样式,主流的做法(你可以参考 Bootstrap 一类的前端样式库)都是用 div 或 li,配合 JS 来模拟实现的。