CSS改變input光標(biāo)顏色
2019/5/14 11:03:32來源:csdn熱度:
我們可能會有改變input光標(biāo)顏色的需求,谷歌瀏覽器的默認(rèn)光標(biāo)顏色是黑色的,我們可以看到GitHub上的光標(biāo)卻是白色,那么這個用CSS怎么改變呢?
這種效果有兩種實現(xiàn)方式:
1.使用color來實現(xiàn)
光標(biāo)的顏色是繼承自當(dāng)前輸入框字體的顏色,所以用color屬性即可改變:
input{ color:red; }
2,使用caret-color來實現(xiàn)
上一種方式已經(jīng)修改了光標(biāo)的顏色但是字體的顏色也改變了,如果只想改變光標(biāo)的顏色而不改變字體的顏色那就使用caret-color屬性:
input{ caret-color:red; }
作者:world_7735
[教程作者:world_7735]
關(guān)鍵詞:input光標(biāo) 光標(biāo)顏色
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/wd4201.html
本文地址:http://m.likemindfilms.com/tutorial/wd4201.html
這些是最新的
最熱門的教程