javascript - Draft.js：更改插入符号的颜色

Question

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

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

score 4 · Accepted Answer

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

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

score 0 · Accepted Answer

0

使用插入符号颜色：

div.class {
    caret-color : red;
}

于 2017-08-13T20:37:00.687 回答

2 回答 2