CSS改變input光標(biāo)顏色

我們可能會(huì)有改變input光標(biāo)顏色的需求，谷歌瀏覽器的默認(rèn)光標(biāo)顏色是黑色的，我們可以看到GitHub上的光標(biāo)卻是白色，那么這個(gè)用CSS怎么改變呢?

這種效果有兩種實(shí)現(xiàn)方式：

1.使用color來(lái)實(shí)現(xiàn)
光標(biāo)的顏色是繼承自當(dāng)前輸入框字體的顏色，所以用color屬性即可改變：

input{    color:red;
}

2,使用caret-color來(lái)實(shí)現(xiàn)
上一種方式已經(jīng)修改了光標(biāo)的顏色但是字體的顏色也改變了，如果只想改變光標(biāo)的顏色而不改變字體的顏色那就使用caret-color屬性:

input{    caret-color:red;
}

作者：world_7735