在Contenteditable div中改变Caret颜色

Question

我可以更改内容可编辑div中的插入符号颜色.
光标颜色总是与文本颜色相同,在我的情况下是红色.所以我的问题是有没有办法将插入颜色改为黑色？例如caret-color:black HTML:

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

CSS:

.red{
   color:red;
  }

检查此链接

Answer 1

你好，我想这可能对你的答案有帮助

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

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

这是演示小提琴工作代码

演示代码