html - CSS 更改焦点矩形的颜色(位置焦点)

Question

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

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

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

就像那样，但是有一个白色的焦点矩形。

编辑:

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

编辑 2:

它显然被称为插入符号。

Answer 1

您好，您可以引用以下博客来满足您的需求:

https://beradrian.wordpress.com/2008/01/08/cross-browser-custom-css-cursors/

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

代码:

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