CSS caret-color 属性

定義と使用法

caret-color属性は、input、textareas、またはどのエディタブル要素内のカーソル（インデックスシンボル）の色を定義します。

例

input要素内のカーソルの色を設定します：

input { 
  caret-color: red;
}

自分で試してみてください

CSS文法

caret-color: auto|color;

属性値

値 説明
auto デフォルト。ブラウザはインデックスシンボルにcurrentColorを使用します。
color

インデックスシンボルの色を指定する規定です。すべての合法な色値（rgb、十六進数、名前付き色など）を使用できます。

合法値の詳細情報については、参照してください CSS カラーチュートリアル。

技術的詳細

デフォルト値： auto
継承： は
アニメーション作成： サポートしていません。参照してください：アニメーション関連属性。
バージョン： CSS3
JavaScript文法： object.style.caretColor="red"

ブラウザのサポート

テーブルの数字は、その属性を完全にサポートする最初のブラウザのバージョンを示しています。

Chrome IE / Edge Firefox Safari Opera
57.0 79.0 53.0 11.1 44.0