2013-09-25 4 views
1

J'ai un problème avec Font Awesome et IE9/IE10. J'ai une liste de sélection avec quelques icônes de Font Awesome à l'intérieur que l'utilisateur peut choisir. Je l'ai fait de cette façon:Police Impressionnant et liste déroulante

<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> 

Les icônes sont affichées correctement dans FF, Chrome et Opera, mais il ne fonctionne pas avec IE. Une autre chose est que dans IE, la liste déroulante affiche des options vierges mais lorsque vous en choisissez une, l'icône sélectionnée apparaît. Est-ce que quelqu'un peut me donner un coup de main ou simplement m'expliquer ce que je fais de mal? Cela serait très appréciable! Merci beaucoup!

+0

Il ne fonctionne pas à Chrome. –

+0

Vraiment étrange ... Ça marche pour moi. Existe-t-il un autre moyen d'afficher les icônes de Font Awesome dans une liste déroulante? – LancelotKiin

+0

Ok, fonctionne sur Chrome, mais IE ne supporte tout simplement pas une telle police. Vous ne pouvez rien faire à ce sujet. –

Répondre

-1

J'utilisant le chrome et l'icône ressemble à ceci

enter image description here

espoir de trouver une solution

+0

À titre de conseil, cette icône en forme de carré s'affiche généralement lorsque la famille de polices appropriée n'est pas affectée à l'icône. Assurez-vous que la famille 'FontAwesome' est assignée à la classe: before pseudo. – EHerman

Questions connexes