您當前位置:圖趣網(Tuquu) >> 網頁設計教程 >> 移動前端 >> 瀏覽設計教程

CSS改變input光標顏色

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

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

1.使用color來實現
光標的顏色是繼承自當前輸入框字體的顏色,所以用color屬性即可改變:

input{    color:red;
}

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

input{    caret-color:red;
}


作者:world_7735

[教程作者:world_7735]
免責聲明:本站文章系圖趣網整理發布,如需轉載,請注明出處,素材資料僅供個人學習與參考,請勿用于商業用途!
本文地址:http://www.9254975.live/Tutorial/wd4201.html
下一篇:沒有了
踩坑之IOS中input光標跑偏問題的解決方法
沒有了
圖趣網微信
建議反饋
×
股票软件下载排名