在项目中遇到一个需求要隐藏掉input输入框的光标,但是还要有输入功能,在网上查了很久没有找到合适的方案,现在分享下我的解决方案。
方法是根据光标颜色和文字颜色这一特性来做的,首先把颜色设为透明这样光标就没有了,但是有一个问题文字也看不到了,然后通过给文字阴影来代替文字完美解决,代码如下:
<input type="text" style="color:transparent;text-shadow: 0px 0px 0px #333;" />
在项目中遇到一个需求要隐藏掉input输入框的光标,但是还要有输入功能,在网上查了很久没有找到合适的方案,现在分享下我的解决方案。
方法是根据光标颜色和文字颜色这一特性来做的,首先把颜色设为透明这样光标就没有了,但是有一个问题文字也看不到了,然后通过给文字阴影来代替文字完美解决,代码如下:
<input type="text" style="color:transparent;text-shadow: 0px 0px 0px #333;" />