更改 textarea 中的 textarea 光标颜色

Posted

技术标签:

【中文标题】更改 textarea 中的 textarea 光标颜色【英文标题】:Change textarea cursor color in the textarea 【发布时间】:2013-12-17 22:23:41 【问题描述】:

我有以下文本区域:

如何更改内部光标颜色?

【问题讨论】:

我不知道。可能没有办法,因为光标不是网页的一部分,而是操作系统的一部分,每个操作系统都会定义标准光标的外观和颜色 这里有一个链接可以回答这个问题:***.com/questions/6092963/… 你应该阅读这个:***.com/questions/7339333/styling-text-input-caret。只是为了帮助您进行搜索,它是 caret 而不是光标。 ;) Styling text input caret的可能重复 【参考方案1】:

我知道这个问题已经过时了。但这个问题仍然没有答案。让我们解决它。

Сaret-color 可能就是您要找的。​​p>

textarea
caret-color: red;
<textarea>
</textarea>

【讨论】:

【参考方案2】:

自定义插入符号可以与 .ani 或 .cur 文件一起使用

textarea 
 cursor: url(cursor.cur);

textarea 
 cursor: url(cursor.ani);

更多关于carets的详情

.cursor  font-size: 12px; background-color: red; color: red; position: relative; opacity: 0.5; 

【讨论】:

以上是关于更改 textarea 中的 textarea 光标颜色的主要内容,如果未能解决你的问题,请参考以下文章

根据javascript中的文本行数更改textarea的高度[重复]

停止光标,直到在javascript中的textarea中更改文本

什么是 Textarea 中的 Angular4“更改”事件触发指令

Spark TextArea - 更改部分文本颜色

更改textarea jQuery中的文本

尝试更改 Textarea 的值(使用 Skulpt)