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

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

 

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

 

　　1.使用color來實現

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

input{
    color:red;
}

　　

　　2.使用caret-color來實現

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

input{
    caret-color:red;
}

　　

　　好了，經過上面的方式咱們就能夠修改 input 輸入框光標顏色了~~~