利用css改變input光標(biāo)顏色的方法

發(fā)布時(shí)間：2020-10-24 14:24:11 來(lái)源：億速云閱讀：174 作者：小新欄目：web開發(fā)

利用css改變input光標(biāo)顏色的方法？這個(gè)問題可能是我們?nèi)粘W(xué)習(xí)或工作經(jīng)常見到的。希望通過這個(gè)問題能讓你收獲頗深。下面是小編給大家?guī)?lái)的參考內(nèi)容，讓我們一起來(lái)看看吧！

具體方法如下：

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;
}

感謝各位的閱讀！看完上述內(nèi)容，你們對(duì)利用css改變input光標(biāo)顏色的方法大概了解了嗎？希望文章內(nèi)容對(duì)大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

猜你喜歡