css中如何修改鼠标光标(指针)的样式和颜色


今天在开发过程中遇到一个问题,如下:

我的输入框的背景比较暗导致鼠标的指针(系统默认为黑色)停留在那也看不清楚。

上网查了一下,全是关于修改鼠标指针样式的,而没有颜色的教程。

那么,我在这里先简单地记一下修改样式的方法吧:

如果要自定义指针的图形的话,你可以导入自己的图片,方法就是:

cursor: url(“小图片地址”)

好了,即使我该了样式,但是我发现光标停在输入框中闪烁的那个颜色还是黑色,本来想着放弃的,但是当我修改输入框文字的颜色的时候发现光标的颜色也跟着边了,真是峰回路转啊!原来这个停留在输入框的光标颜色是和输入框文本颜色一致的,也就是可以通过设置color属性同时给文字、停留的光标设置颜色。

color:white;

搞定!