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

有人可以帮助我或者向我解释我做错了什么吗？非常感谢！非常感谢你！

Answer 1

我使用chrome和图标看起来像这样

希望找到解决方案