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

Question

我想更改光标颜色＆amp;宽度，如果可能的话，将其更改为＆＃34; __＆＃34;这种类型的游标。

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

CSS

xyz {cursor-color:red;}

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

Answer 1

您可以使用＆＃39;插入颜色＆＃39;更改文本光标的颜色。 CSS属性。有关详细信息，请参阅here。

例如：

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

Answer 2

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

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

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

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

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

在这里，＆＃34; auto＆＃34;如果不支持url()，则为默认/备份。