在Contenteditable div中改变Caret颜色

Question

我可以更改内容可编辑div中的插入符号颜色吗？
光标颜色总是与文本颜色相同，在我的情况下是红色。 所以我的问题是有没有办法将插入颜色改为黑色？     例如delayed_job HTML：

delayed_job

的CSS：

caret-color:black

Check this link

Answer 1

是。使用现代CSS！

div {
    caret-color : black;
}

Answer 2

好的。这是解决方案:) 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

嗨，我认为这可以帮助你找到答案

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

这是演示小提琴工作代码

<强> Demo code