Html Twitter bootstrap 3禁用了出现在IE 11中下拉选项顶部的光标

我有一个下拉列表，它直接位于一个禁用的twitter引导“form control”输入元素的上方

<div>
    <select>
        <option> Option 1 </option>
        <option> Option 2 </option>
        <option> Option 3 </option>
        <option> Option 4 </option>
        <option> Option 5 </option>
        <option> Option 6 </option>
        <option> Option 7 </option>
    </select>
</div>
<div class="form-group">
    <input class="form-control" id="disabledInput" type="text" placeholder="Disabled input here..." disabled="" />
</div>

选择1
选择2
选择3
选择4
备选案文5
备选案文6
备选案文7

在Internet Explorer 11中，当我单击下拉菜单并将鼠标悬停在禁用输入前面的选项上时，光标将变为红色停止标志

演示（在IE11中试用）：

---

我只在IE11中注意到这种行为。Chrome、Firefox和IE10似乎还可以。有什么想法吗？还有关于如何修复/解决此问题的建议吗？

您好，这是“选择禁用光标”上的IE错误

请查看此链接以了解更多信息

参见IE反馈点链接

另请参见关于此bug Discuss链接：

---

这可能有点晚了，但仍有人在寻找解决此问题的方法，因为Microsoft尚未解决此问题

避免这种情况的唯一方法是将禁用的输入元素的光标样式设置为默认。在这种情况下，它可能如下所示：

.form-control:disabled {
    cursor: default;
}

请注意，严格来说，这不是一个修复方法，而是一种避免外观难看的下拉列表的解决方法