我們可能會有改變input光標顏色的需求，谷歌瀏覽器的默認光標顏色是黑色的，我們可以看到GitHub上的光標卻是白色，那么這個用CSS怎么改變呢?

這種效果有兩種實現方式：

1.使用color來實現

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

input{
    color:red;
}

2,使用caret-color來實現

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

input{
    caret-color:red;
}

總結

以上是生活随笔為你收集整理的CSS改变input光标颜色的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。