与<select>标签的IE -11兼容性问题

Question

我在IE11中遇到了下拉选择问题。如果下拉列表包含一个选项元素，则在选择选项时不会向下展开。该选项与选择重叠，这使得难以选择。 示例：我有一个下拉列表，其中包含元素“Ajitesh” ＆LT;选择＆GT; ＆LT;选项＆GT; Ajitesh＆lt; / option＆gt; ＆LT; /选择＆GT; 在上面的代码中，选择“Ajitesh”时，下拉列表不会向下扩展。

Answer 1

您可以尝试在opt-group标记中包含单个选项，如下所示：

<select>
    <optgroup label="">
        <option value="Ajitesh">Ajitesh</option>
    </optgroup>
</select>

否则，你可以简单地添加另一个 - 或许多 - 空选项标签，如：

<select>
    <option value="Ajitesh">Ajitesh</option>
    <option value=""></option>
</select>

编辑：请注意，这是IE11（和其他）的默认行为，也就是说，它被设计为禁止使用只有一个选项的下拉列表。如果您不想添加空元素，则无法更改浏览器本身的默认行为 - 根据您的具体情况，这是不可能的。