如何隐藏文本区域但保持插入符号可见？

Question

我想知道是否可以在将文本区域的不透明度降低到零的同时保持插入符号可见。 实际上，我想做的是使文本字符串不可见，同时具有可见的插入符号，该插入符号正是文本可见时的位置。

Answer 1

是的，可以在文本区域上使用 color 属性。将其设置为透明将使文本透明。
另外，如果您不希望选择文本，则应将user-select 属性设置为none。

Answer 2

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

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 3

CSS3 UI 规范。定义 caret-color 属性，它允许您独立于文本设置插入符号的样式。

不幸的是，据我所知，该属性尚未在浏览器中实现。
对于 Gecko (Firefox)，至少有一个错误报告。