CSS隐藏input光标

       在项目中遇到一个需求要隐藏掉input输入框的光标，但是还要有输入功能，在网上查了很久没有找到合适的方案，现在分享下我的解决方案。

       方法是根据光标颜色和文字颜色这一特性来做的，首先把颜色设为透明这样光标就没有了，但是有一个问题文字也看不到了，然后通过给文字阴影来代替文字完美解决，代码如下：

<input type="text"   style="color:transparent;text-shadow: 0px 0px 0px #333;" />