Changing Caret Color in Contenteditable div

Question

Can I change the caret color inside a content editable div.
Cursor color is always same as text color, red in my case. So my question is that is there a way to change the caret color to black? eg caret-color:black HTML:

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

css:

.red{
   color:red;
  }

Check this link

Answer 1

Yes. Use modern CSS!

div {
    caret-color : black;
}