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

Question

我有contenteditable div，我有文件删除和复制粘贴图像事件。 通过使用颜色：透明我能够隐藏镀铬浏览器上闪烁的光标。但在IE中，我开始知道“IE输入中文本光标的颜色始终与背景颜色相反”。 来源：How do I change the color of the text cursor in an input field in IE?

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

Answer 1

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

Answer 2

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

caret-color: transparent

虽然在IE中不起作用。这是browser support chart。

Answer 3

您可以通过以下方法针对IE进行此操作：

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

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

Answer 4

尝试使用cursor: none

  

光标CSS属性指定显示时的鼠标光标   鼠标指针在元素上。 Source

关于闪烁光标的速度变化，它不是那么快速和简单地改变，你需要使用JavaScript设计一个新的＆＃34;组件＆＃34;为此，幸运的是他们有几个tutorial或资源在线。

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;