Шрифт Удивительный и выпадающий список

У меня проблема с шрифтом Awesome и IE9/IE10. У меня есть список выбора с несколькими значками шрифта 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. –

Действительно странно ... Это работает для меня. Есть ли другой способ отображения значков шрифта Awesome в раскрывающемся списке? – LancelotKiin

Хорошо, работает в Chrome, но IE просто не поддерживает такой шрифт. Вы ничего не можете с этим поделать. –

-1

Я с помощью хрома и значок выглядит следующим образом

enter image description here

надежде найти решение

источник

2015-01-22 10:13:17 kcho0

В качестве подсказки этот квадратный значок обычно отображается, когда правильное семейство шрифтов не назначается значку. Убедитесь, что семейству FontAwesome присвоено следующее: перед псевдокласс. – EHerman

Шрифт Удивительный и выпадающий список

ответ

Смежные вопросы