html - 字体真棒和下拉列表

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。另一件事是，在 IE 中，下拉列表显示空白选项，但是当您选择一个时，会出现所选图标。

有人可以帮我一把，或者只是向我解释我做错了什么吗？将不胜感激！非常感谢！