在Contenteditable中更改插入符號的顏色

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; 
}