html - Font Awesomeとドロップダウンリスト

Question

Font Awesome と IE9/IE10 に問題があります。ユーザーが選択できるFont Awesomeのいくつかのアイコンを含む選択リストがあります。私はこのようにしました：

<select name="pic" id="pic"> 
    <option value="icon-adjust">&#xf042;</option>
    <option value="icon-asterisk">&#xf069;</option>
    <option value="icon-ban-circle">&#xf05e;</option>
    <option value="icon-bar-chart">&#xf080;</option>
    <option value="icon-barcode">&#xf02a;</option>
    <option value="icon-beaker">&#xf0c3;</option>
    <option value="icon-beer">&#xf0fc;</option>
</select>

アイコンは FF、Chrome、Opera では正常に表示されますが、IE では動作しません。もう 1 つの問題は、IE では、ドロップダウン リストに空白のオプションが表示されますが、いずれかを選択すると、選択したアイコンが表示されることです。

誰かが私に手を差し伸べたり、私が間違っていることを説明したりできますか? それは大歓迎です！どうもありがとうございました！