HTML select 标记默认选项在 IE10 上显示为空白

Question

我正在开发一个 angularjs 项目，我在其中使用 HTML select 标记来显示下拉菜单，但我在 IE10 中遇到一个特定问题，默认选项不是第一次可见，当我 select 任何选项的第一个字母是可见的，然后如果我 select 任何选项，则可以看到完整的值

Answer 1

显示您的一些代码会有所帮助。

这是一个可能的解决方案示例。假设我们有以下数据：

$scope.items = [
    { Name: 'First', Id: 1 },
    { Name: 'Second', Id: 2 },
    { Name: 'Third', Id: 3 },
];

您可以通过以下方式在模板中显示：

<select ng-model="selected"ng-options="item.Id as item.Name for item in items">
    <option value="">-- select --</option>
</select>

查看 more info 的文档。

HTML select tag default option showing blank on IE10