如何隐藏div元素下方的文本光标答案

【问题标题】：How to hide text cursor below div element如何隐藏div元素下方的文本光标
【发布时间】：2013-07-18 07:05:37
【问题描述】：

我是 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 道具：

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

如何在 div 元素下隐藏光标。问题只出现在 IE 中

我创建了小的 jsfiddle。问题只发生在 IE 8 中，而不是 FF http://jsfiddle.net/raj31/LUaej/1/

【问题讨论】：

你试过 $('.cssClassName').css('cursor', 'none');
但在我关闭我的 div 元素后，我希望该光标位于文本框上。它应该在那里，但在 div 元素下方。是否有任何 CSS 属性？
为什么需要隐藏光标？它是一种互动的工具，不要摆弄它！
请查看附件图片。它的样子。
看到了可以使用blur 和focus 玩的附加图像，只需将它们绑定模糊以打开弹出事件并聚焦以关闭事件

标签： javascript html css

【解决方案1】：

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

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

 $('.seach').blur()

【讨论】：

我有小提琴。请检查那里有什么问题。问题仅出现在 IE 中。 jsfiddle.net/raj31/BqJ8r

【解决方案2】：

在可用的 IE 中是不可能的..

见参考

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

【讨论】：

【解决方案3】：

在聚焦新 div 时可以关闭光标。它对我有用，我正在关闭一个 div，其中包括身份验证后的用户名和密码输入。回车键后，光标闪烁，但是，我将徽标集中在 auth 函数的回调函数中。现在好了

【讨论】：

【解决方案4】：

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

【讨论】：