Hallo,
ich versuche ein dropdown-Menü, also ein select mit einer Font-Auswahl zu füllen. Damit die Fonts direkt mit dem font-family style angezeigt werden, habe ich jedes option-tag in eine optgroup gepackt und da den style eingebaut.
Direkt in option geht ja nicht, da es im chrome dann nicht läuft (habe den Tip irgendwo im Netz gefunden).
Das funktioniert und sieht gut aus, zumindest im Firefox. In Chrome werden die optgroups aber dargestellt, obwohl sie leer sind. Also die Einschübe und leeren Zeilen sind da sichtbar. Kann ich die irgendwie verstecken?
Hier nochmal ein Bild dazu:

ich versuche ein dropdown-Menü, also ein select mit einer Font-Auswahl zu füllen. Damit die Fonts direkt mit dem font-family style angezeigt werden, habe ich jedes option-tag in eine optgroup gepackt und da den style eingebaut.
Direkt in option geht ja nicht, da es im chrome dann nicht läuft (habe den Tip irgendwo im Netz gefunden).
Code:
<select>
<optgroup style="font-family:'arial';">
<option value="arial">Arial</option>
</optgroup>
...
</select>
Das funktioniert und sieht gut aus, zumindest im Firefox. In Chrome werden die optgroups aber dargestellt, obwohl sie leer sind. Also die Einschübe und leeren Zeilen sind da sichtbar. Kann ich die irgendwie verstecken?
Hier nochmal ein Bild dazu:
