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/

Update: По 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