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

1.使用color來實現

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

input{color:red; }

2.使用caret-color來實現

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

input{caret-color:red; }

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

總結

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

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