Draft.js：改变插入符号的颜色

Question

我正在使用Facebook的Draft.js库来创建一个富文本框，我需要将文本框的插入符号设置为红色。有可能吗？

我已经阅读过有关-webkit-text-fill-color属性的内容，但它正在使输入的文本和占位符为红色而不是插入符号。

Answer 1

这将使webt浏览器中的插入符号为红色，文本为黑色：

.public-DraftEditor-content {  
  color: red;
  text-shadow: 0px 0px 0px #000;
  -webkit-text-fill-color: transparent;
}

这是一个小提琴，展示了它的实际效果：https://jsfiddle.net/2atqzz5r/

<强>更新 自Chrome 57起，您可以使用新属性caret-color：

.public-DraftEditor-content {  
  caret-color: red;
}

https://jsfiddle.net/yuk0fogn/

Answer 2

使用插入颜色：

div.class {
    caret-color : red;
}

Supported in 56% of browsers