使用 CSS 或 jQuery 更改文本框光标颜色答案

【问题标题】：Change text-box cursor color with CSS or jQuery使用 CSS 或 jQuery 更改文本框光标颜色
【发布时间】：2014-06-18 18:16:27
【问题描述】：

我想更改光标颜色和宽度，如果可能的话，将其更改为“__”这种类型的光标。

我们可以通过 CSS 或 jQuery 来实现吗

CSS

xyz {cursor-color:red;}

我知道这可能是最愚蠢的代码。

【问题讨论】：

assign color to mouse cursor using CSS 的可能重复项
您是指光标（指示可编辑区域中当前插入点的符号）还是指针（可以通过移动鼠标来左右移动的符号）？我认为您的意思是前者（“文本框光标”暗示了这一点）。 CSS 混淆地使用属性cursor 来设置指针，并且没有设置光标，除了设置文本颜色也会改变光标颜色。
我的意思是表示在可编辑区域@JukkaK.Korpela 中的当前插入点的符号
然后查看stackoverflow.com/questions/684972/…，对于大多数浏览器，问题隐含地回答了这个问题（光标与文本颜色相同），并且接受的答案表明在 IE 中颜色是背景颜色的反色.这似乎是你所能做的。

【解决方案1】：

您可以使用 'caret-color' CSS 属性更改文本光标的颜色。详情请见here。

例如：

.text-box
{
     caret-color: red;
}

【讨论】：

【解决方案2】：

在网页上更改光标的唯一方法是使用 CSS（可以通过 jQuery 编辑）：

.special-cursor {
     cursor: vertical-text;
}

上面将光标转换为垂直文本光标，我能找到最接近下划线的东西。请参阅this link 了解所有可能性。

更改光标颜色的唯一方法是上传您自己的图像并在 CSS 中链接到它

.colored-cursor {
     cursor: url(hyper.cur), auto;
}

这里，“自动”是默认/备份，以防不支持 url()。

【讨论】：