在 Internet Explorer 中的 contenteditable div 上隐藏插入符（文本光标）

Question

我有 contenteditable div，上面有文件放置和复制粘贴图像事件。 通过使用 color:transparent 我可以隐藏 Chrome 浏览器上闪烁的光标。但在 IE 中我开始知道“IE 输入中文本光标的颜色始终是背景颜色的反色”。 来源：如何更改 IE 中输入字段中文本光标的颜色？

有没有其他方法可以禁用光标或更改光标闪烁的速度，使其看起来像隐藏在 IE 中。

Answer 1

你可以在 CSS 中使用：

caret-color: transparent

但在 IE 中不起作用。这是浏览器支持图表。

Answer 2

您可以使用以下 hack 对 IE 执行此操作：

color: transparent;
text-shadow: 0 0 0 #333333;

您可以将颜色 (

#333333

) 替换为您需要的任何文本颜色。

Answer 3

假设您的意思是更改插入符号光标，也称为文本光标；尽管对 IE 的支持相当有限，但还是有可用的解决方案。 也许，如果还没有的话，您可能会发现这有一些用处：隐藏文本字段闪烁光标

Answer 4

最简单的方法是添加一个可见的文本框，但位于文档区域之外（例如，顶部 = -100px，左侧 = -100，位置 = 绝对）。 然后，当您单击要隐藏闪烁插入符号的真实文本框时，在其 mousedown 事件中，您只需调用位于顶部 -100 的另一个文本框其 .focus()