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

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



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

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

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



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

cursor: url("小图片地址")

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

color:white;

搞定！