如何移除textarea的闪烁输入指示器？求HTML/CSS快速解决办法

• 优先推荐使用CSS的caret-color属性，这个属性专门控制插入光标的颜色，不会影响输入文本的显示：

  textarea {
    caret-color: transparent;
  }
  

  该属性支持绝大多数现代浏览器，直接将光标设为透明即可隐藏，同时保持文本正常显示。

• 针对不支持caret-color的旧版本浏览器，可以用布局偏移的方式把光标移出可视区域：

  textarea {
    text-indent: -9999px;
    padding-left: 9999px;
    /* 可选：固定宽度时添加，避免布局错乱 */
    width: 200px;
    box-sizing: border-box;
  }
  

  原理是通过负文本缩进把光标推到左侧可视区域外，再用左内边距把输入文本拉回正常显示位置。

你之前的问题是误修改了文本的color属性，导致文本和光标一起被隐藏，而caret-color是专门针对光标颜色的控制属性，能精准解决需求。

内容的提问来源于stack exchange，提问作者Marius Fredriksen