IE字体大小减小不会导致选择框高度降低

时间:2010-03-17 14:53:12

标签: javascript jquery css select font-size

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

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

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

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

1 个答案:

答案 0 :(得分:1)

在IE呈现选择框之后,您无法使用javascript更改其样式(仅添加,删除元素,而不是样式或类似的东西)。这不是一件好事。

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