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

问题描述 投票:0回答:4

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

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

javascript internet-explorer
4个回答
12
投票

你可以在 CSS 中使用:

caret-color: transparent

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


1
投票

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

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

您可以将颜色 (

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


0
投票

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


0
投票

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

© www.soinside.com 2019 - 2024. All rights reserved.