Css——设置input输入框光标颜色

　　在使用 input 输入框时，我们可能会遇到需要给其设置光标颜色的情况。谷歌浏览器的默认光标颜色是黑色的，GitHub 上的光标却是白色，那么这个用 CSS 怎么改变呢?

 

　　上面描述的情景有两种实现方式：

 

　　1.使用color来实现

　　光标的颜色是继承自当前输入框字体的颜色，所以用 color 属性即可改变：

input{
    color:red;
}

　　

　　2.使用caret-color来实现

上一种方式已经修改了光标的颜色但是字体的颜色也改变了，如果只想改变光标的颜色而不改变字体的颜色那就使用 caret-color 属性:

input{
    caret-color:red;
}

　　

　　好了，通过上面的方式我们就可以修改 input 输入框光标颜色了~~~