CSS改变焦点矩形的颜色（位置焦点）答案

【问题标题】：CSS Change Color Of Focus Rectangle (Location Focus)CSS改变焦点矩形的颜色（位置焦点）
【发布时间】：2017-06-23 01:18:20
【问题描述】：

我有一个带有透明文本的文本区域。我需要它是透明的，以解决我在使用 Highlight.js 时遇到的问题。

它工作正常，但有一个问题。用户不知道他在 textarea 中的位置。我需要焦点矩形（这显然是它在 Windows UI 中的名称）具有特定的属性。在这种情况下，它必须是白色和闪烁的。文本的其余部分应保持透明。

textarea {
  color: transparent;
  z-index: 1;
}

像这样，但有一个白色的焦点矩形。

编辑：

人们似乎误解了我。我不想编辑光标。我想要编辑垂直闪烁的破折号，指示您在 textarea 中的编辑位置。

EDIT2：

它显然被称为插入符号。

【问题讨论】：

【解决方案1】：

您可以参考以下博客来满足您的需求：

如果对你有帮助，请告诉我。

代码：

input, textarea {
    cursor: url(cursor.cur);
}

【讨论】：

嗨。我不是说光标。我的意思是表示您在文本区域中编辑的位置的垂直破折号。就是那个闪烁的东西。
那个垂直的东西叫做插入符号。甚至 caret 你也不能使用 CSS 来设置样式
是的，Akhil 是对的。 @user3351731 我已经为您的问题发布了正确的链接，您可以根据需要下载 .cur 文件来使用它。并按照上面提到的代码进行操作。我说的是垂直闪烁的同一件事
你说的是自定义指针，如果我没记错的话。喜欢这个beradrian.users.sourceforge.net/articles/cursor.html。