1.隱藏光標(biāo)

<style>input{color: transparent;} </style>

2.顯示文字

<style>input{color: transparent;text-shadow: 0 0 0 #000;} </style>

以上的方法可能在PC或者安卓的手機(jī)上是好的，在IOS系統(tǒng)就不行了。
在ios中采取的方法是將輸入框光標(biāo)移走：

input {opacity: 0;z-index: 999;outline: none;border: none;color: transparent;text-indent: -999em;margin-left: -100%;width: 200%; }

總結(jié)

以上是生活随笔為你收集整理的css隐藏输入框的光标的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。