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

Question

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

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

Answer 1

这将使插入符号在 webkit 浏览器中变为红色，文本变为黑色：

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

这里是 fiddle 展示它的实际效果：https://jsfiddle.net/2atqzz5r/

更新： 从 Chrome 57 开始，您可以使用新的属性 caret-color:

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

Answer 2

使用插入符号颜色：

div.class {
    caret-color : red;
}

Draft.js: Change color of caret