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

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

 

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

 

　　1.使用color来实现

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

input{
    color:red;
}

　　

　　2.使用caret-color来实现

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

input{
    caret-color:red;
}

　　

　　好了，经过上面的方式咱们就能够修改 input 输入框光标颜色了~~~