caret-colorプロパティ

caret-colorプロパティは、 テキスト入力時に表示される入力欄の テキストカーソルの色を指定します。 このプロパティは2つの値を受け取ります: auto（デフォルト）と、ユーザーが指定した 色です。

構文

cssセレクタ {
  caret-color: auto または 色;
}

例

デフォルトのテキストカーソルの色を 指定してみましょう:

html<input>

cssinput {
  padding: 5px;
  caret-color: auto;
}

Результат:

例

次に、テキストカーソルを青色に 変えてみましょう:

html<input>

cssinput {
  padding: 5px;
  caret-color: blue;
}

Результат:

関連項目