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

小提琴在Windows8.1(最新的FF + IE11)上不起作用，看起来像是操作系统的选择有问题。即使没有optgroup，它仍然不能工作，所以optgroupt与它无关。

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