如何利用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内光标的方法内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

您可能有感兴趣的文章
HTML+CSS3+JS 如何实现的下拉菜单

HTML+CSS+JS如何实现堆叠轮播效果的示例代码

基于html+css做一个好看的可翻转登录注册界面

基于html css如何实现带搜索图标的搜索框功能

详解Html/CSS中的符号学