IE字体大小减小不会导致选择框高度减小答案

【问题标题】：IE font size decrease does not cause select box height to decreaseIE字体大小减小不会导致选择框高度减小
【发布时间】：2011-01-28 15:01:00
【问题描述】：

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

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

关于 IE 在这里做什么以及解决方法有什么想法吗？

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

【问题讨论】：

我们需要查看代码。也就是说，我建议字体大小调整小部件可能是不必要的，原因有两个：1）浏览器已经内置了此功能 2）较新的浏览器通过整页缩放而不是纯字体大小调整做得很好。
那是 jQuery 吗？如果是，请标记它。
您是否尝试过在更改字体大小的同时更改行高？不确定它是否会达到预期的效果，但值得一试

【解决方案1】：

在 IE 呈现选择框后，您无法使用 javascript 更改它的样式（只能添加、删除元素，而不是样式或类似的东西）。这不是一件好事。

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

【讨论】：