Изменение цвета Caret в Contenteditable div

Question

Можно ли изменить цвет каретки внутри контента, редактируемого div.
Цвет курсора всегда такой же, как цвет текста, красный в моем случае. Итак, мой вопрос в том, что есть способ изменить цвет каретки на черный? например caret-color:black HTML:

<div class="red" contenteditable="true"> hello </div> 

CSS:

.red{ 
    color:red; 
    } 

Check this link

Answer 1

привет я думаю, что это может помочь вам за ваш ответ

.red{ 
 
    color:red; 
 
} 
 
.red:focus{ 
 
    outline:red; 
 
    border:2px solid red; 
 
}

<div class="red" contenteditable="true"> hello </div>

здесь демо-скрипку рабочий код

Demo code

Answer 2

ok.here это решение :) http://codepen.io/anon/pen/avbVzx **

<input id="a" type="text"> 
<input id="b" type="text"> 
#a{ 
color:black; 
-webkit-text-fill-color: red; 
} 
#b{ 
color:red; 
-webkit-text-fill-color: green; 
} 
} 

**

Answer 3

Да. Используйте современный CSS!

div { 
    caret-color : black; 
}