1.隱藏光標

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

2.顯示文字

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

以上的方法可能在PC或者安卓的手機上是好的，在IOS系統就不行了。
在ios中采取的方法是將輸入框光標移走：

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

總結

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

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