Html.DropDownListFor 的 IE9 错误

Question

您好，我需要一些有关 Internet Explorer 9 中错误的帮助。我目前正在 ASP.NET 4 MVC 3 Razor 中开发一些 CRUD 屏幕。在多屏幕中，我使用 @Html.DropDowListFor 为外键创建简单链接。

但是，当我在 IE9（并且仅 IE9）中使用这些时，DropDownList 将呈现为小于其通常的大小，文本将显示为比正常情况低几个像素，并且如果显示的单词大于少量字符（不确定是什么数字，我认为大约是 10 个）它将无法完全渲染。奇怪的是，当我单击 DropDownList 时，它会自行修复。

视图代码：

@Html.DropDownListFor(model => model.Asset.FkAssetTypeId, new SelectList(Model.AssetTypes, "AssetTypeId", "Name"))
@Html.ValidationMessageFor(model => model.Asset.FkAssetTypeId)

模型代码：

[Display(ResourceType = typeof(I18N_Asset), Name = "Label_Asset_FkAssetTypeId")]
public int FkAssetTypeId { get; set; }

有人对这个问题有任何经验，并且知道解决这个问题的方法吗？谢谢你的帮助。

Answer 1

我发现问题是什么，我在同一页面上使用 JQuery 选项卡。这导致 dropdownlistfor-s 的 frontsize 无法缩放到为整个站点设置的 css。而是使用 JQuery 选项卡的 frontsize 呈现下拉框，然后将 frontsize 设置为 css。

我通过使用 Javascript 在 Document.ready 函数中设置字体大小解决了这个问题：

// IE9 causes a bug where the dropdownlists will not be displayed correctly because they won't adapt to their current font-size
// this javascript fixes that by resetting the font-size
if (window.navigator.systemLanguage && (!document.documentMode || document.documentMode === 9)) { //check if IE9 is being used
    var list = document.getElementsByTagName('Select'); // get all dropdownlists
    for (i = 0; i < list.length; i++) {
        list[i].style.fontSize = list[i].style.fontSize; // reset the font-size
    }
}