光标在IE11选择输入中无法正常工作

Question

请看小提琴： http://jsfiddle.net/ajjp/b7M2H/

<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>
   <input>
   </input>
</div>

在Internet Explorer 11中，将鼠标悬停在位于下方输入上方的选择选项上时，光标属性会更改。希望有一个简单的CSS解决方案。

Answer 1

这是一个IE漏洞似乎在每个版本中都存在 - z-index和绝对定位都不起作用。

因为它没有削弱功能我说它会让它成为现实，但如果你坚持修复它，你最好的选择是使用JQuery下拉选项，例如this one。