Css——設置input輸入框光標顏色

　　在使用 input 輸入框時，我們可能會遇到需要給其設置光標顏色的情況。谷歌瀏覽器的默認光標顏色是黑色的，GitHub 上的光標卻是白色，那么這個用 CSS 怎么改變呢?

 

　　上面描述的情景有兩種實現方式：

 

　　1.使用color來實現

　　光標的顏色是繼承自當前輸入框字體的顏色，所以用 color 屬性即可改變：

input{
    color:red;
}

　　

　　2.使用caret-color來實現

上一種方式已經修改了光標的顏色但是字體的顏色也改變了，如果只想改變光標的顏色而不改變字體的顏色那就使用 caret-color 屬性:

input{
    caret-color:red;
}

　　

　　好了，通過上面的方式我們就可以修改 input 輸入框光標顏色了~~~