如何隐藏input的光标

首先要知道文本框的光标会根据文本框的字体颜色改变而改变,因此可以使用以下的方法实现隐藏input的光标.

先使用”transparent”隐藏文本框默认的颜色,再通过文字阴影将文字展示出来.

<input  value="请输入"> // 隐藏光标的input
<style>
input{
  color: transparent; // 隐藏字体原有的颜色,可以实现隐藏光标
  text-shadow: 0 0 0 red; // 用文字阴影实现文字展示
}
</style>