字體真棒和下拉列表

我有Font Awesome和IE9/IE10的問題。我有一個選擇列表，內有Font Awesome的幾個圖標，用戶可以選擇。我做這樣說：字體真棒和下拉列表

<select name="pic" id="pic"> 
    <option value="icon-adjust">&#xf042;</option> 
    <option value="icon-asterisk">&#xf069;</option> 
    <option value="icon-ban-circle">&#xf05e;</option> 
    <option value="icon-bar-chart">&#xf080;</option> 
    <option value="icon-barcode">&#xf02a;</option> 
    <option value="icon-beaker">&#xf0c3;</option> 
    <option value="icon-beer">&#xf0fc;</option> 
</select>

的圖標正確顯示在FF，Chrome和Opera，但它不與IE瀏覽器。另一件事是，在IE中，下拉列表顯示空白選項，但是當你選擇一個時，出現所選的圖標。

能有人可以給我一隻手或只是我解釋什麼，我做錯了什麼？這將非常感謝！非常感謝你！

來源

2013-09-25 LancelotKiin

它不會在Chrome的工作。 –

真的很奇怪......它適合我。是否有另一種方式來顯示下拉列表中的字體真棒圖標？ – LancelotKiin

好吧，適用於Chrome，但IE根本不支持這種字體。你無能爲力。 –

-1

我使用鉻和圖標看起來像這樣

enter image description here

希望找到一個解決方案

來源

2015-01-22 10:13:17 kcho0

作爲提示，當正確的字體系列未分配給圖標時，通常會顯示該方形圖標。確保'FontAwesome'系列分配給：before僞類。 – EHerman

字體真棒和下拉列表

回答

相關問題