css - テキストエリアを非表示にしてキャレットを表示したままにする方法は?

Question

テキストエリアの不透明度をゼロに減らしながら、キャレットを表示したままにできるのだろうか。実際、私がやりたいのは、テキストが表示されている場合に正確に表示されるキャレットを表示しながら、テキスト文字列を非表示にすることです。

Answer 1

CSS3 UI 仕様caret-color。プロパティを定義します。これにより、テキストとは別にキャレットのスタイルを設定できます。

残念ながら、私の知る限り、そのプロパティはまだブラウザに実装されていません。Gecko (Firefox) については、少なくとも 1 つのバグ レポートがあります。

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