google chrome - fontawesome - Optgroup rompe caracteres especiales

fontawesome io 3.2 1 icons

Question

Necesito agregar un icono de Fontawesome a la opción de un selector. Funciona bien, a menos que use optgroup

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

Aquí está JSfiddle .

¿Alguna idea de por qué?

Answer 1

Actualicé tu violín para usar recursos externos.

Importa un archivo javascript y un archivo css, y los iconos se muestran ahora.

Si crea una cuenta en FontAwesome, le enviarán un enlace. Pruebe lo siguiente en su código y vea si funciona, apuesto a que sí.

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

Answer 2

Fiddle no funciona en Windows 8.1 (último FF + IE11), parece que hay algo con la selección del sistema operativo. Incluso sin optgroup, todavía no funciona, por lo que optgroupt no tiene nada que ver con eso.

Parece que esta respuesta todavía es válida. Solución alternativa: utilice los complementos de jQuery.