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>