如何隐藏textarea但保持插入符号？

Question

我想知道在将textarea的不透明度降低到零时是否可以保持插入符号。 实际上，我想做的是渲染文本字符串不可见，同时有一个可见的插入符号，正如文本可见时的那样。

Answer 1

你可以使用这样的伪元素：

p.article::first-letter {
  color: #ff0000;
}

对于这样的HTML：

<p class="article">A paragraph in an article</p>

检查此链接： http://www.w3schools.com/CSS/CSS_pseudo_elements.asp

Answer 2

是的，可以使用textarea上的color属性。将其设置为transparent将使文本透明。 另外，如果您不想要选择文字，则应将user-select属性设置为none。

Answer 3

CSS3 UI spec. defines a caret-color property，它允许您独立于文本设置插入符号样式。

不幸的是，据我所知，该属性尚未在浏览器中实现。 对于Gecko（Firefox），至少有bug report for it。