jquery - 文本框中的光标出现在 IE8/9 的下拉菜单顶部

Question

这是小提琴：http:
//jsfiddle.net/simply_simpy/kkf3A/3/

1. 使用 IE 8/9 并单击输入文本框。
2. 将鼠标悬停在“行业”上
3. 请注意，光标出现在下拉菜单的顶部。
4. 如果您将鼠标悬停在业务/业务上，也会出现同样的问题。

我正在尝试找到一个 html/css 解决方案并避免使用 JS。

谢谢！

Answer 1

这似乎是一个奇怪的错误。但是，尝试JS解决方案

1. 将“search”的#id 添加到输入文本框中。

2. 在“就绪”函数中添加以下内容到您的 jQuery 中。

   $('.dropdown a').hover(function(){ $("#search").blur(); });