html - カーソルの色を入力

Question

値を入力しながらHTML入力タイプのテキストのコンテンツの色を変更する方法。また、フォーカスがあるときのカーソルの色。

Answer 1

コンテンツを入力するときに色を変更するのは簡単です。

input:focus { color: yellow }

IE7以下ではサポートされていません。互換性の表はこちら。

私の知る限り、カーソルの色を具体的に変更することは不可能です。通常、テキストコンテンツの色を使用しますが、ほとんどの場合は問題ありません。

Answer 2

colorテキストの色を指定するために使用します。caret-colorカレットの色を指定するために使用します。

HTML

<input class="examples" />
<textarea class="examples"></textarea>

CSS

.examples {
  color: gray;
  caret-color: red;
}

Answer 3

最新のCSSを使用してください！

input {
    caret-color : red;
}
input:focus {
    color : yellow;
}