如何利用CSS代码去掉input内光标的方法

多人的饭局尽量少参加,因为难有真心的交流,多为应酬。多想什么是自己真正想要的东西,想不透就继续想。

有个小需求,要利用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 隐藏或去掉输入框光标的方法

到此这篇关于如何利用CSS代码去掉input内光标的方法就介绍到这了。学历无法取替经历,经历也许可以取替学历。更多相关如何利用CSS代码去掉input内光标的方法内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!