caret-color

CSS 中的 caret-color 属性会更改输入、文本区域或任何可编辑元素（如）中光标（插入符号）的颜色。

input,
textarea,
[contenteditable] {
  caret-color: red;
}

插入符号的颜色通常与文本的 color 相匹配，但此属性允许您独立更改它们。

模拟它

在此之前，存在一种模拟它的方法，该方法涉及强制文本透明（在支持 -webkit-text-fill-color 的情况下），并通过 text-shadow 使文本重新显示，并进行着色。

浏览器支持

相关属性