有个小需求,要利用CSS代码去掉或隐藏input输入框中的光标,当然是不能影响input输入,具体的方法如下。

CSS 隐藏或去掉输入框光标的方法

方法1:

<p>下面的有光标</p>
<input type="text" value="">
<p>下面这个没光标</p>
<input type="text" style="caret-color:transparent;" value="">
<p>飞鸟慕鱼博客_http://www.feiniaomy.com</p>

方法2:

<p>下面的有光标</p>
<input type="text">
<p>下面这个没光标</p>
<input type="text" style="color:transparent;text-shadow: 0px 0px 0px #333;">

实现结果:

CSS 隐藏或去掉输入框光标的方法