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

ここでのアクションでそれを示すフィドルです：https://jsfiddle.net/2atqzz5r/

更新： クローム57のとおり、

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

：あなたは、新しいプロパティcaret-colorを使用することができます

Answer 2

使用キャレット色：

div.class { 
    caret-color : red; 
} 

Supported in 56% of browsers