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

Question

我有contenteditable div，我有文件丢弃和复制粘贴图像事件。 通过使用颜色：透明我能够隐藏镀铬浏览器上闪烁的光标。 但在IE中，我开始知道“IE输入中文本光标的颜色始终与背景颜色相反”。 来源： 如何更改IE中输入字段中文本光标的颜色？

是否有任何替代方法来禁用光标或更改闪烁光标的速度，使其看起来像隐藏在IE中。

Answer 1

您可以在CSS中执行以下操作：

caret-color: transparent

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

Answer 2

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

Answer 3

您可以通过此hack为IE执行此操作：

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

您可以用您需要的任何文本颜色替换颜色（ #333333 ）。

Answer 4

尝试使用cursor: none

光标CSS属性指定鼠标指针悬停在元素上时显示的鼠标光标。 来源 。

关于闪烁光标的速度变化，它不是那么快速和简单地改变，你需要用JavaScript设计一个新的“组件”，但幸运的是它们是几个教程或资源在线。

 #test { width: 256px; height: 256px; background-color: red; cursor: none; } 

 <div id="test"></div>