Optgroup打破特殊字符

Question

我需要添加一个从Fontawesome到选择器选项的图标。它工作正常，除非我使用optgroup

<select>
    <optgroup label="group name">
        <option>opt1 &#xf042;</option>
        <option>opt2 &#xf043;</option>
    </optgroup>
    <option>opt3 &#xf042;</option>
    <option>opt4 &#xf043;</option>
</select>

这是JSfiddle。

任何想法为什么？

Answer 1

我更新了你的小提琴以使用外部资源。

导入javascript文件和css文件，图标现在显示。

如果您在FontAwesome上创建帐户，他们会向您发送链接。 在你的代码中尝试以下内容，看看它是否有效，我敢打赌它会。

<link rel="stylesheet" type="text/css" href="https://fontawesome.io/assets/font-awesome/css/font-awesome.css">
<script type="text/javascript" src="https://use.fontawesome.com/cec949909c.js"></script>

Answer 2

Fiddle并不适用于Windows 8.1（最新的FF + IE11），看起来有一些来自操作系统的选择。即使没有optgroup，它仍然无效，因此optgroupt与它无关。

看起来this answer仍然有效。解决方法：改为使用jQuery插件。