Optgroup打破特殊字符

我需要從Fontawesome添加一個圖標到選擇器的選項。它工作正常，除非我用OPTGROUPOptgroup打破特殊字符

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

這裏的JSfiddle。

任何想法爲什麼？

來源

2017-05-04 santa

我得到一個_rect_標誌任何一種方式... Chrome 58/Windows 10 – LGSon

但在Firefox中，它的工作原理是:) – LGSon

對我來說它適用於IE 11，Chrome 58.在FF 53中破解。全部在Windows 7上。 – santa

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

它導入一個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>

來源

2017-05-15 21:48:28

小提琴不能在Windows 8.1（最新FF + IE11）工作，看起來像有東西從OS的選擇。即使沒有optgroup，它仍然不起作用，所以optgroupt與它無關。

看起來像this answer仍然有效。解決方法：改用jQuery插件。

來源

2017-05-16 13:39:54 Code4R7

Optgroup打破特殊字符

回答

相關問題