javascript - 草稿.js : Change color of caret

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;
}

https://jsfiddle.net/yuk0fogn/