如何隱藏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

是的，它使用的是可能的color textarea上的屬性。將其設置爲transparent將使文本透明。 另外，如果您不想要選擇文本，則應將user-select屬性設置爲none。

Answer 3

CSS3 UI spec. defines a caret-color property，它允許您獨立於文本設計脫字符的樣式。

不幸的是，財產尚未在瀏覽器中實現，但據我所知。 對於Gecko（Firefox），至少有一個bug report for it。