Как изменить семейство шрифтов элемента раскрывающегося списка?

У меня есть выпадающий список, в котором перечислены семейства шрифтов. Например, Tahoma, Arial, Verdana и т. д. Я хочу изменить семейство шрифтов каждого элемента раскрывающегося списка в соответствии со значением, которое оно представляет. Так же, как это делает Photoshop.

Я изменил CSS для каждого элемента раскрывающегося списка, но это работает только в FireFox. Ни в одном другом браузере это не работает.

Я не хочу использовать какой-либо подключаемый модуль jQuery.