如何在文本区域中使用除“文本插入符号”之外的透明字体?

2024-05-20

我有一个简单的文本区域,我需要制作透明字母,同时允许文本插入符可见。当我应用以下规则时,我会得到隐形插入符:

textarea {
   background: transparent;
   opacity: 0;
}

当我键入不可见文本时,我需要看到文本插入符移动。

EDIT:我需要让编辑器编辑表中的 td 单元格。当我单击一个单元格时,我会显示一个文本区域并开始输入。在每个字符字母上,我在单元格中插入上下文。之后,我隐藏一个文本区域。


This jsFiddle 演示 http://jsfiddle.net/Gb46L/使用在线教程方法稍作修改即可创建非本地人 browser text-caret以及透明文本。

还有,这个jsFiddle 新方法 http://jsfiddle.net/3yrHg/我以不同的方式创建了该目标的句柄,但对 IE8 不友好。


状态更新:我用这个改进了上面的 jsFiddle DEMOnewer版本标题为:

jsFiddle 更新的新方法! http://jsfiddle.net/c6nd6/1/

上面的 jsFiddle 版本现在允许文本区域内部被单击,插入符号将尊重单击的位置。这个额外的功能是通过一个很好的问答来实现的here https://stackoverflow.com/q/2897155/1195891.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在文本区域中使用除“文本插入符号”之外的透明字体? 的相关文章

随机推荐