如何改变光标的颜色

一个可编辑的区域在不同浏览器下，光标的颜色却不一样，请问应该怎样调整？

在chrome下的显示：


在ie8下显示：


下面是html片段：

HTML code

<div id="chat_panel" class="chatBox_editArea" contenteditable="true" style="font-family: 宋体; font-size: 10pt; font-weight: normal; font-style: normal; text-decoration: none; ">点此提交你的问题</div>

CSS code

.chatBox_editArea{

    -webkit-user-modify: read-write;

    word-wrap: break-word;

    -webkit-nbsp-mode: space;

    -webkit-line-break: after-white-space;

    display: block;

    border: none;

    outline: none;

    height: 80px;

    overflow-x: hidden;

    overflow-y: auto;

    word-break: break-all;

    width:598px;

    color: #FFFFFF;

}

使用cursor试试

没有颜色的选项