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

Question

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

Answer 1

是的，可以使用colortextarea 上的属性。将其设置为transparent将使文本透明。此外，如果您不希望选择文本，则应将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)，至少有一个错误报告。