如何隐藏div元素下面的文本光标

Question

我是CSS和javascript的新手 我有一个搜索文本框，我可以在其中添加任何搜索值。输入错误值后，会弹出一个div并说“找不到记录”（使用关闭按钮关闭div）。将光标放在文本框上而不关闭弹出窗口后。我的光标显示在div框上方 | ------------------ |搜索框
| ------------------ |

我的文本框css属性。

z-index: 200630; position: absolute; width: 149px; height: 21px;
overflow: visible; top: 0px; cursor: default; left: 0px;

我的div元素css prop：

z-index: 201350; position: absolute; width: 270px; height: 20px;
overflow: hidden; top: 0px; cursor: default; left: 0px;

如何将光标隐藏在div元素下面.Issue仅在IE

中出现

我创建了小jsfiddle.Issue只出现在IE 8中而不是FF http://jsfiddle.net/raj31/LUaej/1/

Answer 1

我创建了一个小fiddle，我相信这会重现你的问题。

我认为解决方案可能只是在显示对话框时模糊搜索字段，就像我在第3行中所做的那样（注释出来以解决问题）：

 $('.seach').blur()

Answer 2

无法使用可用的IE ..

参见参考资料

https://connect.microsoft.com/IE/feedback/details/841043/blinking-text-cursor-overlapping-with-div

Answer 3

可以在聚焦新div时关闭光标。 它对我有用，我正在关闭一个包含身份验证后用户名和密码输入的div。输入键后，光标闪烁，但我在auth功能中将标识集中在回调函数中。现在没关系

Answer 4

我知道我迟到了，但我刚刚使用document.activeElement.blur();解决了这个错误。