Html CSS更改焦点矩形的颜色（位置焦点）

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

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

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

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

编辑：

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

编辑2：

---

这显然叫插入符号

嘿，你可以参考以下博客了解你的需求：

让我知道这对你是否有帮助

代码：

---

如果我理解正确的话，当文本区域聚焦时，你需要一个白色的矩形轮廓？不是。我指的是闪烁的竖线，指示你当前在文本区域中的工作位置。你不能使用CSS编辑光标样式。我假设您想要一个UNIX/cmd样式的游标，而不是像往常一样的样式，但我需要的颜色是白色。不同于文本的颜色。我不是指光标。我指的是打字时的位置指示器。嗨。我不是指光标。我指的是在文本区域中指示编辑位置的垂直破折号。就是那个闪烁的东西。那个垂直的东西叫做插入符号。甚至连你不能用CSSyeah来设计的插入符号，Akhil也是righr@用户3351731我已经为您的问题发布了正确的链接，您可以根据需要下载.cur文件来使用它。并遵循上述代码。如果我没弄错的话，我说的是垂直闪烁，你说的是自定义指针。这样地。

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