当前位置: 首页 > Web前端 > HTML5

教你如何用css隐藏输入光标

时间:2023-04-04 23:04:02 HTML5

今天公司的ui突然来找我问我一个问题:“如何隐藏输入光标不影响操作?”。相信很多人都会和我一样,认为这是狗屁需求。输入框没有光标不是反人类吗?可惜我们只是一个小coder,无权反驳,只能默默接受。。。网上搜了很多方法:使用div模拟,设置readonly,设置disabled,设置automaticblur,等等,发现都不尽如人意最后找到了大神提供的完美解决方案。先隐藏光标因为光标是跟着文字走的,所以我们把文字的颜色设置成透明的,光标就消失了~但是问题来了,文字要透明输入框有什么用呢?别着急,请往下看~显示文字在input上设置text-shadow,文字是透明的,但是可以用文字阴影代替文字颜色,完美解决。