如何改变光标的颜色

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

在chrome下的显示：


在ie8下显示：


下面是html片段：

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

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

}

15 个解决方案

#1

使用cursor试试

#2

没有颜色的选项

#3

该回复于2011-05-05 09:00:40被版主删除

#4

引用 3 楼 nehnre 的回复:

有没有人帮顶一下

这个好像改不了 。
chrome有些地方就是不同 。

#5

该回复于2011-05-05 09:12:08被版主删除

#6

引用 4 楼 zell419 的回复:

引用 3 楼 nehnre 的回复:

有没有人帮顶一下

这个好像改不了 。
chrome有些地方就是不同 。

有没有什么变通的方法能够实现让在显示什么颜色字的时候显示什么颜色的光标，不然会看不出到底有没有在输入框里面

#7

试了下。
IE8里面光标颜色好像跟background也没有绝对的关系。
0.0

#8

该回复于2011-05-05 13:21:42被版主删除

#9

改不到哦？

#10

这个真不能！

#11

为什么呢？

#12

这个不是跟操作系统的主题有关的吗？

#13

不然会看不出到底有没有在输入框里面

给 元素:focus 加outline/border之类的 就知道焦点在不在了

#14

引用 13 楼 ddcatlee 的回复:

不然会看不出到底有没有在输入框里面

给 元素:focus 加outline/border之类的 就知道焦点在不在了

请问应该如何写，能否告诉一下具体实现方式

#15

我也在搞 发现是这样 虽然回答晚了点。
chrome下是可自定义的 与div上color的颜色对应。ie听说是与背景色反色。
光标是可编辑div的，一切以div为基础，我想你明白我什么意思。