Уменьшение размера шрифта в IE не приводит к уменьшению высоты окна выбора

Question

У меня есть функция изменения размера шрифта на моей странице, которая увеличивает размер шрифта с помощью javascript для всей страницы.

Это прекрасно работает в большинстве браузеров, кроме IE. При уменьшении размера шрифта после его увеличения высота новых полей выбора не уменьшается, даже если размер шрифта уменьшается. Вместо этого мелкий шрифт кажется заполненным пробелом.

Какие-нибудь идеи относительно того, что IE делает здесь, и обходной путь?

function setFontSize(newFontSize)
   $('select').css("font-size", newFontSize);
}

Answer 1

После того, как IE отобразит поле выбора, вы не можете изменить его стиль с помощью javascript (только добавление, удаление элементов, а не стиля или тому подобное). Это не очень хорошая вещь.

В качестве обходного пути я создал новое поле выбора (клон первого) с желаемым стилем, а затем добавил его в качестве дочернего элемента тега контейнера. Это будет отображать это правильно.