HTML ドロップダウン リストのオプション値のインライン CSS スタイルは、Chrome と Safari では機能しませんが、Firefox と IE では機能するようです。
HTML コードのスニペット:
<option style="color:#4f5652;background:#f0f0ef;hite-space:nowrap;-webkit-appearance:button;text-overflow:ellipsis; padding:5px 4px 3px 4px;border-bottom:1px solid green" value="project">Project</option>
colorstyle は<option>、現在のバージョンの Chrome、Safari、Firefox、IE、Opera を使用する Windows 7 の要素、および Firefox を使用する Mac の要素で正常に機能します。しかし、Chrome と Safari を使用する Mac では操作ができないようです。私にはバグのようです。
簡単に言えば、Webkit ベースのブラウザーではできません。つまり、ここpaddingを見てください
あなたの問題を克服するために、あなた<select>をリストに変更し、そのアイテム<ul>のスタイルを整えることができます。<li>これは、保証されているすべてのブラウザーで機能します。
これをjsfiddleのChromeで複製できました。次のようにスタイルをselectに適用できます: http://jsfiddle.net/aaronmacy/3uv8D/