Optgroup打破特殊字符

2018-07-04 13:21:03

我需要从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。

任何想法为什么？

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

它导入一个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>

小提琴在Windows 8.1（最新FF + IE11）上无法使用，看起来像是从操作系统中选择了一些东西。即使没有optgroup，它仍然不起作用，所以optgroupt与它无关。

看起来这个答案仍然有效。解决方法：改用jQuery插件。

链接地址: http://www.djcxy.com/p/96223.html

上一篇: Optgroup breaks special characters

下一篇: pure javascript to disable all form elements inside div