javascript - IE 字体大小减小不会导致选择框高度减小

Question

我的页面上有一个字体大小调整功能，它通过 javascript 为整个页面增加字体大小。

这在除 IE 之外的大多数浏览器中都可以正常工作。在增加字体大小后减小字体大小时，即使字体大小在其上减小，选择框的新高度也不会减小。相反，较小的字体似乎用空白填充。

关于 IE 在这里做什么的任何想法，以及解决方法？

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

Answer 1

在 IE 渲染选择框后，你不能用 javascript 改变它的样式(只能添加、删除元素，不能添加样式或类似的东西)。那可不是什么好事。

作为解决方法，我所做的是创建一个具有我想要的样式的新选择框(第一个的克隆)，然后将其添加为容器标记的子项。这将正确显示它。